/* ============================================================
   SynPETic — Design Tokens
   Anchor: deep ink + electric purple + cyan
   Earned accents: lab parchment, ink red, hazard amber, cellular green
   ============================================================ */

:root {
  /* Anchor palette */
  --ink-000: #06060a;          /* deepest near-black */
  --ink-050: #0a0a12;
  --ink-100: #11111c;
  --ink-200: #161624;
  --ink-300: #1f1f30;
  --ink-400: #2a2a3f;
  --ink-500: #3a3a52;
  --ink-600: #545471;
  --ink-700: #8a8aa5;
  --ink-800: #c5c5d8;
  --ink-900: #ececf5;

  --purple-500: #8B5CF6;
  --purple-400: #a786f9;
  --purple-600: #7048d8;
  --purple-glow: rgba(139, 92, 246, 0.45);

  --cyan-500: #00F5FF;
  --cyan-400: #6bf9ff;
  --cyan-600: #00b8c4;
  --cyan-glow: rgba(0, 245, 255, 0.40);

  /* Earned accents — used sparingly for scientific callouts */
  --parchment: #E8DCC4;        /* lab notebook paper */
  --parchment-line: #b9a886;    /* graph paper rule */
  --parchment-shade: #d4c5a0;
  --ink-pen: #1a1f3a;           /* dark blue pen ink */
  --stamp-red: #c4302b;         /* rubber stamp red */
  --stamp-red-faded: rgba(196, 48, 43, 0.55);
  --hazard-amber: #F59E0B;      /* biohazard / containment */
  --hazard-amber-soft: #fde68a;
  --cellular-green: #84CC16;    /* metabolic / live culture */
  --cellular-green-soft: #d9f99d;
  --oxide-rust: #B45309;        /* warm contrast */

  /* Semantic */
  --bg: var(--ink-050);
  --bg-elevated: var(--ink-100);
  --bg-card: var(--ink-200);
  --fg: var(--ink-900);
  --fg-muted: var(--ink-700);
  --fg-dim: var(--ink-600);
  --rule: rgba(255, 255, 255, 0.08);
  --rule-strong: rgba(255, 255, 255, 0.16);

  /* Type — deliberately avoiding Inter / Roboto */
  --font-display: "Fraunces", "PP Editorial New", "Newsreader", Georgia, serif;
  --font-geo: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;
  --font-sans: "IBM Plex Sans", "Söhne", system-ui, sans-serif;
  --font-read: "Crimson Pro", "Source Serif Pro", "Newsreader", Georgia, serif;
  --font-hand: "Caveat", "Kalam", "Patrick Hand", cursive;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* Spacing — 2-3x roomier than feels comfortable */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 12rem;

  /* Layout */
  --col-narrow: 38rem;
  --col-text: 46rem;
  --col-wide: 72rem;
  --col-edge: 88rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* Motion */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);

  /* Radii — avoid uniform rounding */
  --r-sharp: 2px;
  --r-pill: 999px;

  /* Z-layers */
  --z-stage: 1;
  --z-content: 10;
  --z-hud: 30;
  --z-nav: 40;
  --z-modal: 50;
  --z-cursor: 90;
}

/* High-contrast support and reduced motion are handled in base.css */