:root {
  /* Brand colors */
  --ea-brand-primary: #f39a09;
  --ea-brand-primary-alt: #e49e1a;
  --ea-brand-accent: #9e3313;
  --ea-brand-brown: #42351a;
  --ea-brand-red: #cb2d2d;
  --ea-brand-teal: #17484d;

  /* Neutrals */
  --ea-black: #000000;
  --ea-white: #ffffff;
  --ea-text: #111111;
  --ea-muted: #666666;
  --ea-surface: #f5f5f5;
  --ea-border: #eaeaea;

  /* Typography */
  --ea-font-display: "Poly Sans", "Inter", "Helvetica Neue", Arial, sans-serif;
  --ea-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --ea-font-weight-light: 300;
  --ea-font-weight-regular: 400;
  --ea-font-weight-medium: 500;
  --ea-font-weight-semibold: 600;
  --ea-font-weight-bold: 700;

  /* Spacing */
  --ea-space-4: 4px;
  --ea-space-8: 8px;
  --ea-space-12: 12px;
  --ea-space-16: 16px;
  --ea-space-24: 24px;
  --ea-space-32: 32px;
  --ea-space-48: 48px;
  --ea-space-64: 64px;
  --ea-space-80: 80px;
  --ea-space-120: 120px;

  /* Radius */
  --ea-radius-8: 8px;
  --ea-radius-12: 12px;
  --ea-radius-16: 16px;
  --ea-radius-24: 24px;
  --ea-radius-pill: 999px;

  /* Shadows */
  --ea-shadow-subtle: 0 8px 24px rgba(0, 0, 0, 0.05);
  --ea-shadow-medium: 0 12px 32px rgba(0, 0, 0, 0.12);
  --ea-shadow-strong: 0 20px 48px rgba(0, 0, 0, 0.2);

  /* Transitions */
  --ea-transition-fast: 160ms ease;
  --ea-transition-base: 220ms ease;
  --ea-transition-slow: 320ms ease;

  /* Layering */
  --ea-z-header: 1000;
  --ea-z-drawer: 1100;
  --ea-z-overlay: 1090;

  /* Containers */
  --ea-container-sm: 760px;
  --ea-container-md: 980px;
  --ea-container-lg: 1200px;
}