/*
 * virtualreality.education design tokens — measured from the canonical mark artifact.
 * Source of truth: docs/architecture/components/public-site/design-system.md.
 * Single deliberate mode: light/paper. A dark realization, if ever, is a
 * designed inversion — never a palette flip here.
 */
:root {
  /* Core palette (D§4.1) */
  --paper: #F7F5EF;
  --ink: #1C2440;
  --ink-soft: #5A6178;
  --rule: #C9CBD6;
  --accent: #7A6BC9; /* interactive only — never the dot */
  --cover-shadow: #5A6490; /* the dot; derived-from-mark uses only */
  --cover-navy: #2A3550; /* reference */
  --cover-blue: #8B97C4; /* reference */

  /* Derived, used throughout the comps */
  --rule-soft: rgba(201, 203, 214, 0.75);
  --ink-hover-wash: rgba(28, 36, 64, 0.06);
  --ink-pressed: rgba(28, 36, 64, 0.85);

  /* Figure ink (D§4.2): one light ink, opacity as hierarchy */
  --figure-ink-40: rgba(70, 80, 115, 0.40);
  --figure-ink-32: rgba(70, 80, 115, 0.32);
  --figure-ink-18: rgba(70, 80, 115, 0.18);
  --figure-ink-50: rgba(70, 80, 115, 0.50);

  /* Didactic palettes (D§4.2) — content colors, never status colors */
  --botanical-fill: #9CC6A8;
  --botanical-edge: #5E8A6E;
  --study-blue-fill: #C9D6EE;
  --study-blue-edge: #7E93BF;
  --study-blue-node: #4A78B8;
  --study-blue-line: #5A82BE;
  --gold-fill: #C9A24B;
  --gold-edge: #8A6B25;
  --gold-specular: #FFF2CC;
  --violet-1: #9B84D6;
  --violet-2: #B49EE4;
  --violet-mist: #C3AEE8;
  --terrain-low: #5E9C5C;
  --terrain-mid: #8E9499;
  --terrain-high: #F2F3F5;
  --terrain-sand: #CBB98A;
  --terrain-soil: #82634A;
  --terrain-water: #4FA3D8;

  /* Typography (D§4.3) */
  --font-sans: 'Space Grotesk', system-ui, sans-serif;
  --tracking-display: 0.01em;  /* wordmark / display */
  --tracking-display-wide: 0.015em;
  --tracking-label: 0.14em;    /* notation labels, eyebrows */

  /* Motion grammar (D§6) — mark-scale durations; UI scales DOWN, never up */
  --dur-unfold: 2000ms;
  --dur-collapse: 1000ms;
  --dur-page-turn: 850ms;
  --dur-ui: 180ms; /* provisional UI derivation (D§8.4 open) */
  --ease-arrive: cubic-bezier(0.65, 0, 0.35, 1); /* cubic ease-in-out */
  --ease-settle: cubic-bezier(0.33, 1, 0.68, 1); /* cubic ease-out */
}