:root {
  color-scheme: light;
  --color-paper: oklch(97% 0.012 95);
  --color-paper-soft: oklch(94% 0.016 95);
  --color-paper-deep: oklch(91% 0.02 95);
  --color-white: oklch(99% 0.006 95);
  --color-ink: oklch(22% 0.018 250);
  --color-ink-soft: oklch(47% 0.022 250);
  --color-ink-faint: oklch(61% 0.018 250);
  --color-line: oklch(84% 0.022 95);
  --color-line-strong: oklch(74% 0.028 95);
  --color-pear: oklch(86% 0.18 95);
  --color-pear-deep: oklch(72% 0.15 91);
  --color-cyan: oklch(79% 0.12 224);
  --color-cyan-deep: oklch(61% 0.12 230);
  --color-coral: oklch(75% 0.16 29);
  --color-coral-deep: oklch(63% 0.17 29);
  --color-mint: oklch(82% 0.12 154);
  --color-lavender: oklch(80% 0.1 300);
  --color-focus: oklch(60% 0.15 240);
  --color-success: oklch(52% 0.12 151);
  --color-danger: oklch(54% 0.18 28);
  --color-paper-tint-cyan: oklch(95% 0.035 220);
  --color-paper-tint-coral: oklch(96% 0.028 28);
  --font-display: "Nunito", "M PLUS Rounded 1c", "Yu Gothic UI", sans-serif;
  --font-body: "M PLUS Rounded 1c", "Nunito", "Yu Gothic UI", sans-serif;
  --font-code: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-control: 0.75rem;
  --radius-card: 1.25rem;
  --radius-panel: 1.75rem;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 30px -19px oklch(28% 0.03 250 / 0.22);
  --shadow-lift: 0 18px 34px -20px oklch(28% 0.05 90 / 0.29);
  --shadow-button: 0 4px 0 oklch(72% 0.15 91), 0 8px 18px -9px oklch(35% 0.08 90 / 0.4);
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 140ms;
  --duration-normal: 220ms;
  --content-width: 78rem;
}