/* === tokens.css === The Emerald Group LLC — design tokens === */
:root {
  /* Brand */
  --primary:        #047857;
  --primary-hover:  #065F46;
  --primary-soft:   #D1FAE5;
  --accent:         #F59E0B;
  --accent-hover:   #D97706;
  --emergency:      #DC2626;
  --emergency-hover:#B91C1C;

  /* Surfaces */
  --dark:           #0F172A;
  --dark-alt:       #1E293B;
  --off-white:      #F8FAFC;
  --cream:          #F1F5F9;
  --white:          #FFFFFF;

  /* Text */
  --text:           #0F172A;
  --text-muted:     #475569;
  --text-inverse:   #F8FAFC;
  --text-on-primary:#FFFFFF;

  /* Lines */
  --border:         #E2E8F0;
  --border-strong:  #CBD5E1;

  /* State */
  --success:        #10B981;
  --error:          #EF4444;
  --warning:        #F59E0B;

  /* Type */
  --font-display:   'Montserrat', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-heading:   'Montserrat', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body:      'Inter', system-ui, -apple-system, Segoe UI, sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  --lh-tight:   1.1;
  --lh-snug:    1.25;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extra:    800;

  /* Spacing (4px base) */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s5:  1.25rem;
  --s6:  1.5rem;
  --s8:  2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --s24: 6rem;

  /* Radius */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   20px;
  --r-full: 9999px;

  /* Shadow */
  --sh-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --sh-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --sh-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --sh-xl: 0 24px 48px rgba(15, 23, 42, 0.16);
  --sh-primary: 0 12px 28px rgba(4, 120, 87, 0.28);
  --sh-accent:  0 12px 28px rgba(245, 158, 11, 0.28);

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 250ms cubic-bezier(.4, 0, .2, 1);
  --t-slow: 400ms cubic-bezier(.4, 0, .2, 1);

  /* Layout */
  --container:   1200px;
  --header-h:    80px;
  --header-h-sm: 64px;

  /* Z-index */
  --z-base:   1;
  --z-nav:    1000;
  --z-drawer: 1100;
  --z-modal:  1200;
  --z-toast:  1300;
  --z-fab:    900;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-base: 0ms; --t-slow: 0ms; }
}