:root {
  --color-paper: oklch(97.5% .009 90);
  --color-surface: oklch(99% .005 100);
  --color-soft: oklch(94% .012 100);
  --color-ink: oklch(26% .022 160);
  --color-muted: oklch(48% .018 150);
  --color-rule: oklch(86% .015 120);
  --color-border: oklch(60% .02 150);
  --color-accent: oklch(36% .063 161);
  --color-accent-ink: oklch(98% .009 100);
  --color-tint: oklch(92% .027 155);
  --color-focus: oklch(58% .13 65);
  --color-error: oklch(44% .15 28);
  --color-warn: oklch(42% .075 70);
  --color-warn-bg: oklch(95% .025 85);
  --font-body: 'Pretendard', 'Apple SD Gothic Neo', sans-serif;
  --font-display: 'Iowan Old Style', 'Baskerville', serif;
  --font-number: 'SFMono-Regular', 'Menlo', monospace;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --text-small: 12px;
  --text-body: 14px;
  --text-title: 28px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --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-short: 220ms;
}
/* Shared mobile application additions. */
:root {
  --color-app-bg: oklch(97.8% .005 120);
  --color-app-surface: oklch(99.5% .003 120);
  --color-app-dark: oklch(29% .043 162);
  --color-app-light-ink: oklch(87% .023 150);
  --color-app-line: oklch(90% .008 130);
  --color-app-sage: oklch(92% .027 145);
  --color-app-sand: oklch(94% .031 80);
  --color-app-lake: oklch(93% .022 210);
  --color-app-focus: oklch(65% .13 60);
  --color-backdrop: oklch(20% .02 150 / .42);
  --font-app: var(--font-body);
  --space-xxs: 2px;
  --space-12: 12px;
  --space-20: 20px;
  --space-40: 40px;
  --radius-app: 20px;
  --radius-control: 12px;
  --radius-pill: 99px;
  --text-app: 16px;
  --text-app-small: 14px;
  --text-app-title: clamp(28px, 3vw, 38px);
}