:root {
  --color-paper: oklch(96.5% 0.006 145); --color-paper-strong: oklch(93.5% 0.01 145);
  --color-surface: oklch(99% 0.004 145); --color-ink: oklch(21% 0.012 145);
  --color-muted: oklch(48% 0.012 145); --color-faint: oklch(65% 0.012 145);
  --color-rule: oklch(87% 0.012 145); --color-accent: oklch(88% 0.22 125);
  --color-accent-dark: oklch(43% 0.12 135); --color-accent-soft: oklch(93% 0.1 125);
  --color-positive: oklch(53% 0.12 150); --color-positive-soft: oklch(93% 0.04 150);
  --color-focus: oklch(55% 0.18 248); --color-shadow: oklch(20% 0.02 50 / 0.1);
  --color-alert: oklch(46% 0.17 27); --color-alert-soft: oklch(96% 0.025 27);
  --color-accent-ink: oklch(21% 0.012 145); --color-on-ink: oklch(99% 0.004 145);
  --font-body: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --text-xl: clamp(1.75rem, 3vw, 2.75rem); --text-hero: clamp(2.55rem, 6.2vw, 5.6rem);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem; --space-9: 7rem;
  --radius-sm: .5rem; --radius-md: .875rem; --radius-lg: 1.5rem; --radius-pill: 999px;
  --rule-thin: 1px; --dur-short: 120ms; --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0); --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms; --dur-long: 420ms; --radius-card: .75rem; --radius-input: .5rem;
}