/* Hallmark · tokens · genre: modern-minimal · theme: studio-dark */
:root {
  /* OKLCH Color Palette */
  --color-paper: oklch(0.14 0.015 260);
  --color-paper-2: oklch(0.18 0.02 260);
  --color-paper-3: oklch(0.22 0.025 260);
  --color-paper-card: oklch(0.16 0.018 260 / 0.85);

  --color-ink: oklch(0.96 0.01 260);
  --color-neutral: oklch(0.78 0.015 260);
  --color-muted: oklch(0.55 0.02 260);
  --color-rule: oklch(0.26 0.02 260 / 0.6);
  --color-rule-subtle: oklch(0.20 0.015 260 / 0.4);

  /* Accents */
  --color-accent: oklch(0.72 0.18 150); /* Emerald / Cyan studio spark */
  --color-accent-subtle: oklch(0.72 0.18 150 / 0.15);
  --color-accent-gold: oklch(0.82 0.16 85);
  --color-accent-blue: oklch(0.68 0.20 240);

  --color-focus: oklch(0.75 0.18 150);

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

  /* Font sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-display: clamp(2.25rem, 5vw + 1rem, 4rem);

  /* Spacing 4pt scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-med: 280ms;
}