/* Hallmark · tokens · theme: custom "storyboard sheet" — paper light / high-contrast-serif / warm (arrow red) */
:root {
  /* colour — paper, ink, one accent (the red direction arrow from the app's sample boards) */
  --color-paper: oklch(97.4% 0.007 85);
  --color-paper-2: oklch(94.6% 0.009 85);
  --color-sheet: oklch(99.3% 0.003 85);
  --color-ink: oklch(21% 0.014 265);
  --color-ink-2: oklch(43% 0.012 265);
  --color-ink-3: oklch(56% 0.01 265);
  --color-rule: oklch(85% 0.01 85);
  --color-rule-strong: var(--color-ink);
  --color-accent: oklch(55% 0.2 28);
  --color-accent-hover: oklch(49% 0.19 28);
  --color-on-ink: var(--color-paper);
  --color-ink-hover: oklch(32% 0.016 265);
  --color-focus: var(--color-accent);

  /* type */
  --font-display: "Noto Serif KR", "Noto Serif", Georgia, serif;
  --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-mono: "JetBrains Mono", "Pretendard Variable", Pretendard, ui-monospace, Consolas, monospace;

  --text-display: clamp(2.75rem, 1.6rem + 5.6vw, 6.25rem);
  --text-3xl: clamp(1.875rem, 1.35rem + 2.3vw, 3rem);
  --text-2xl: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
  --text-xl: 1.375rem;
  --text-lg: 1.1875rem;
  --text-base: 1.0625rem;
  --text-sm: 0.9375rem;
  --text-xs: 0.8125rem;

  /* space — 4pt */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --measure: 34rem;

  --rule-hair: 1px;
  --rule-thick: 3px;
  --radius-sm: 2px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
}