/* Hallmark · macrostructure: Photographic · tone: playful editorial · anchor hue: sakura-pink */
:root {
  --color-paper: oklch(99.2% 0.004 340);
  --color-paper-2: oklch(97.1% 0.012 335);
  --color-paper-3: oklch(94.8% 0.025 330);
  --color-ink: oklch(34% 0.035 320);
  --color-ink-2: oklch(46% 0.03 320);
  --color-muted: oklch(44% 0.025 320);
  --color-rule: oklch(84% 0.025 330);
  --color-rule-2: oklch(91% 0.018 330);
  --color-sakura: oklch(88% 0.075 340);
  --color-accent: oklch(66% 0.17 350);
  --color-accent-ink: var(--color-paper);
  --color-sakura-strong: var(--color-accent);
  --color-sky: oklch(80% 0.11 235);
  --color-sky-soft: oklch(94% 0.035 235);
  --color-lemon: oklch(92% 0.13 95);
  --color-indigo: oklch(30% 0.07 265);
  --color-indigo-2: oklch(38% 0.075 265);
  --color-wood: oklch(63% 0.075 65);
  --color-maple: oklch(48% 0.17 28);
  --color-action: oklch(79% 0.17 70);
  --color-action-hover: oklch(83% 0.18 76);
  --color-action-pressed: oklch(71% 0.16 64);
  --color-action-ink: oklch(24% 0.035 65);
  --color-focus: oklch(56% 0.2 245);
  --color-success: oklch(44% 0.13 150);
  --color-error: oklch(45% 0.18 25);
  --color-disabled: oklch(85% 0.015 320);
  --color-disabled-ink: oklch(59% 0.02 320);
  --color-overlay: oklch(16% 0.035 270 / 0.48);
  --color-overlay-strong: oklch(15% 0.035 270 / 0.72);
  --color-overlay-soft: oklch(20% 0.03 270 / 0.22);
  --color-shadow: oklch(25% 0.04 300 / 0.14);
  --color-shadow-soft: oklch(25% 0.04 300 / 0.07);
  --color-paper-alpha: oklch(99.2% 0.004 340 / 0.94);
  --color-paper-glass: oklch(99.2% 0.004 340 / 0.84);
  --color-ink-on-dark: oklch(97% 0.01 330);
  --color-ink-on-dark-muted: oklch(88% 0.02 330);

  --font-display: "Noto Serif SC", "Songti SC", serif;
  --font-body: "Noto Sans SC", "PingFang SC", sans-serif;
  --font-mono: "Noto Sans SC", "PingFang SC", sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-3xl: 3rem;
  --text-display-s: clamp(2.3rem, 5.5vw, 4.4rem);
  --text-display: clamp(2.8rem, 7vw, 5.25rem);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-round: 999rem;
  --rule-thin: 1px;
  --rule-strong: 2px;

  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 520ms;
  --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);

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;

  --content: min(1180px, calc(100% - 2rem));
  --content-narrow: min(780px, calc(100% - 2rem));
}