/* ==========================================================================
   Design tokens — adapted from the "Manager Institution Design System"
   (Claude Design project 355319af-e018-4b70-a5f1-48a804548635)
   ========================================================================== */

:root{
  --ink-900:#181307;--ink-800:#241d10;--ink-700:#3a2f1a;--ink-500:#6b5c3d;--ink-300:#a9986e;
  --paper-50:#fffcf3;--paper-100:#fff6e0;--paper-200:#ffedc2;
  --amber-100:#ffe8a8;--amber-300:#ffcf4d;--amber-500:#f6a81c;--amber-600:#e8871a;--amber-700:#c96a12;--amber-900:#7a3d08;
  --magenta-100:#ffd3e6;--magenta-300:#ff6fae;--magenta-500:#e8177d;--magenta-600:#c91169;--magenta-700:#970c4e;
  --violet-100:#e6d4ff;--violet-300:#b06bff;--violet-500:#8b2fe0;--violet-600:#7124b8;--violet-700:#571a8c;
  --lime-100:#e2f0b8;--lime-300:#a8d35c;--lime-500:#7cc142;--lime-600:#5a9c2c;--lime-700:#3f7a1e;
  --teal-100:#c9f0e6;--teal-300:#57cbb3;--teal-500:#1fa37a;--teal-600:#158063;--teal-700:#0f5f4a;
  --red-300:#f47c7c;--red-500:#e63946;--red-700:#a3212c;
  --blue-300:#7ea6ff;--blue-500:#2e6ff2;--blue-700:#1c49ab;

  --surface-page:var(--paper-100);
  --surface-page-alt:var(--paper-50);
  --surface-card:#ffffff;
  --surface-inverse:var(--ink-900);
  --surface-sunburst-core:var(--amber-300);

  --text-primary:var(--ink-900);
  --text-secondary:#4a3f27;
  --text-muted:#6b5c3d;
  --text-on-dark:var(--paper-50);
  --text-on-brand:var(--ink-900);

  --brand-primary:var(--amber-500);
  --brand-primary-hover:var(--amber-600);
  --brand-primary-active:var(--amber-700);

  --accent-math:var(--amber-500);
  --accent-physics:var(--magenta-500);
  --accent-logic:var(--lime-600);
  --accent-biology:var(--teal-500);
  --accent-contact:var(--lime-600);
  --accent-manager:var(--violet-500);

  --border-default:rgba(24,19,7,.14);
  --border-strong:var(--ink-900);
  --focus-ring:var(--blue-500);
  --danger:var(--red-500);
  --success:var(--lime-600);

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
  --radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;
  --shadow-sm:0 2px 6px rgba(24,19,7,.10);
  --shadow-md:0 8px 24px rgba(24,19,7,.14);
  --shadow-lg:0 20px 48px rgba(24,19,7,.20);
  --shadow-inset-line:inset 0 0 0 2px var(--border-strong);
  --container-max:1200px;

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --duration-fast:120ms;
  --duration-base:200ms;
  --duration-slow:400ms;

  --font-display:'Alfa Slab One',ui-serif,Georgia,serif;
  --font-script:'Permanent Marker',cursive;
  --font-body:'Poppins',ui-sans-serif,system-ui,sans-serif;

  --text-display-xl:clamp(2.6rem,6vw,5.2rem);
  --text-display-lg:clamp(2.1rem,4.5vw,3.6rem);
  --text-display-md:clamp(1.6rem,3vw,2.4rem);
  --text-display-sm:1.4rem;
  --text-lead:1.2rem;
  --text-body-lg:1.125rem;
  --text-body:1rem;
  --text-body-sm:.875rem;
  --text-caption:.75rem;

  --leading-tight:1.08;
  --leading-snug:1.28;
  --leading-normal:1.6;
  --tracking-tight:-.01em;
  --tracking-wide:.04em;
  --tracking-widest:.12em;
}

@media (prefers-color-scheme: dark){
  :root{ color-scheme: light; }
}