/* Hallmark · macrostructure: Workbench · genre: atmospheric · theme: custom (vibe: "zelda hylian dark atmospheric gold emerald" · paper oklch(14% 0.02 155) · accent oklch(78% 0.17 85) gold · Cinzel + Plus Jakarta Sans + JetBrains Mono)
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (46–50)
 */

:root {
  /* Surface / Paper */
  --color-paper: oklch(14% 0.02 155);
  --color-paper-card: oklch(18% 0.025 155);
  --color-paper-subtle: oklch(22% 0.03 155);
  --color-paper-border: oklch(28% 0.04 150);
  --color-paper-border-highlight: oklch(45% 0.08 145);

  /* Ink / Text */
  --color-ink-primary: oklch(96% 0.01 100);
  --color-ink-secondary: oklch(78% 0.02 120);
  --color-ink-muted: oklch(58% 0.03 130);

  /* Accents */
  --color-accent-gold: oklch(78% 0.17 85);
  --color-accent-gold-hover: oklch(84% 0.19 85);
  --color-accent-emerald: oklch(65% 0.16 150);
  --color-accent-emerald-subtle: oklch(25% 0.06 150);
  --color-accent-kopi: oklch(70% 0.14 55);
  --color-accent-kopi-hover: oklch(76% 0.16 55);

  /* Focus & Utility */
  --color-focus: oklch(80% 0.18 85);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Typography */
  --font-display: 'Cinzel', serif, system-ui;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
}