/* Hallmark · macrostructure: Workbench · tone: retro-game-flavored · anchor hue: ocean-blue
 * theme: studied-DNA (source: image) · paper oklch(12% 0.08 243) · accent oklch(84% 0.10 85) amber
 * display: pixel (Silkscreen) · body: neutral grotesque (Libre Franklin)
 * studied: yes · DNA-source: Civilization II Multiplayer Gold (user reference)
 */

:root {
  /* Color */
  --color-paper:       oklch(12% 0.08 243);
  --color-panel:       oklch(87% 0.006 80);
  --color-panel-dark:  oklch(81% 0.006 80);
  --color-accent:      oklch(84% 0.10 85);
  --color-accent-dark: oklch(72% 0.10 80);
  --color-ink:         oklch(16% 0 0);
  --color-ink-soft:    oklch(25% 0.005 80);
  --color-bar-top:     oklch(60% 0.07 250);
  --color-bar-bottom:  oklch(37% 0.10 252);
  --color-bevel-light: oklch(95% 0.004 80);
  --color-bevel-mid:   oklch(75% 0.005 80);
  --color-bevel-dark:  oklch(44% 0.004 80);
  --color-bevel-deep:  oklch(28% 0.004 80);
  --color-ocean:       oklch(28% 0.10 252);
  --color-focus:       oklch(65% 0.15 250);

  /* Typography */
  --font-pixel:        "Silkscreen", "Courier New", monospace;
  --font-display:      "Cinzel", "Times New Roman", serif;
  --font-editorial:    "Cormorant Garamond", "Times New Roman", serif;
  --font-body:         "Libre Franklin", "Trebuchet MS", sans-serif;

  /* Spacing (4pt scale) */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;

  /* Easing */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.6, 1);

  /* Duration */
  --dur-fast: 120ms;
  --dur-mid:  220ms;
  --dur-slow: 450ms;

  /* Rules */
  --rule-hairline: 1px solid var(--color-bevel-dark);
  --rule-bevel: 1px solid var(--color-bevel-deep);
}