/* =========================================================
   Hudson Neurosurgery — Design Tokens
   ========================================================= */

:root, [data-theme="light"] {
  /* Surfaces — warm whites */
  --color-bg:               #F7F8FA;
  --color-surface:          #FFFFFF;
  --color-surface-2:        #EEF1F5;
  --color-surface-offset:   #E4E8EE;
  --color-divider:          #D9DEE5;
  --color-border:           #C5CCD5;

  /* Ink */
  --color-text:             #0F172A;
  --color-text-muted:       #475569;
  --color-text-faint:       #8A93A2;
  --color-text-inverse:     #F7F8FA;

  /* Brand accent — preserved from his original site (warm coral) */
  --color-primary:          #0E8F6E;
  --color-primary-hover:    #0B7A5E;
  --color-primary-active:   #08654E;
  --color-primary-soft:     #D8EFE7;

  /* Secondary — deep clinical teal-ink, used sparingly */
  --color-ink:              #0F2A3F;
  --color-ink-soft:         #D6DCE4;

  /* Type scale */
  --text-xs:    clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm:    clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base:  clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg:    clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl:    clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl:   clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl:   clamp(2.5rem, 1rem + 4vw, 5rem);
  --text-hero:  clamp(2.75rem, 0.5rem + 6vw, 6.5rem);

  /* Spacing — 4px scale */
  --space-1: 0.25rem; --space-2: 0.5rem;  --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem;  --space-8: 2rem;    --space-10: 2.5rem;
  --space-12: 3rem;   --space-16: 4rem;   --space-20: 5rem;   --space-24: 6rem;
  --space-32: 8rem;

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

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(20,16,8,.06);
  --shadow-md: 0 8px 24px rgba(20,16,8,.08);
  --shadow-lg: 0 24px 56px rgba(20,16,8,.12);

  /* Motion */
  --ease:           cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:         180ms var(--ease);
  --t-med:          320ms var(--ease);
  --t-slow:         640ms var(--ease);

  /* Layout */
  --content-narrow: 680px;
  --content:        1080px;
  --content-wide:   1280px;
  --gutter:         clamp(1.25rem, 4vw, 3rem);

  /* Type families */
  --font-display:  'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:     'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

[data-theme="dark"] {
  --color-bg:               #0B121C;
  --color-surface:          #11192A;
  --color-surface-2:        #172033;
  --color-surface-offset:   #1E2A3F;
  --color-divider:          #1F2A3D;
  --color-border:           #2A364B;
  --color-text:             #E5EAF2;
  --color-text-muted:       #9DA8BA;
  --color-text-faint:       #6B7689;
  --color-text-inverse:     #0B121C;
  --color-primary:          #26B58E;
  --color-primary-hover:    #42C7A2;
  --color-primary-active:   #5BD4B2;
  --color-primary-soft:     #0E3A2D;
  --color-ink:              #9DC9F0;
  --color-ink-soft:         #0F1F33;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,.5);
  --shadow-lg: 0 24px 56px rgba(0,0,0,.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg:#0B121C;--color-surface:#11192A;--color-surface-2:#172033;--color-surface-offset:#1E2A3F;
    --color-divider:#1F2A3D;--color-border:#2A364B;
    --color-text:#E5EAF2;--color-text-muted:#9DA8BA;--color-text-faint:#6B7689;--color-text-inverse:#0B121C;
    --color-primary:#26B58E;--color-primary-hover:#42C7A2;--color-primary-active:#5BD4B2;--color-primary-soft:#0E3A2D;
    --color-ink:#9DC9F0;--color-ink-soft:#0F1F33;
  }
}