/* Hallmark · theme: custom · vibe: "thermal receipt, rubber stamp, ink"
 * paper oklch(96.5% 0.012 85) · accent oklch(52% 0.19 28) stamp-red
 * display: Bricolage Grotesque · body: Schibsted Grotesk · figures: IBM Plex Mono
 * axes: light / grotesk-sans / warm
 */
:root {
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Schibsted Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --color-paper: oklch(96.5% 0.012 85);
  --color-paper-2: oklch(92.5% 0.016 85);
  --color-ink: oklch(23% 0.012 60);
  --color-ink-2: oklch(44% 0.014 60);
  --color-rule: oklch(78% 0.014 80);
  --color-keep: oklch(46% 0.12 150);
  --color-watch: oklch(50% 0.12 65);
  --color-kill: oklch(52% 0.19 28);
  --color-focus: oklch(52% 0.17 255);
  --shadow-sheet: 0 -8px 32px oklch(20% 0.02 60 / 0.18);

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-med: 260ms;
  --dur-stamp: 420ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper: oklch(18% 0.008 60);
    --color-paper-2: oklch(23.5% 0.01 60);
    --color-ink: oklch(94% 0.012 85);
    --color-ink-2: oklch(75% 0.012 80);
    --color-rule: oklch(38% 0.01 60);
    --color-keep: oklch(76% 0.13 150);
    --color-watch: oklch(81% 0.13 75);
    --color-kill: oklch(71% 0.17 28);
    --color-focus: oklch(74% 0.14 255);
    --shadow-sheet: 0 -8px 32px oklch(0% 0 0 / 0.5);
  }
}