/* Hallmark · macrostructure: Ecosystem Index · tone: soft · anchor hue: 245
 * theme: custom sky brand · nav: N9 · footer: Ft5 · enrichment: real App assets
 * paper: oklch(98% .009 245) · accent: oklch(48% .13 250)
 * display: Songti SC · body: PingFang SC · axes: light / classical-serif / cool-blue
 * audience: App users · use: browse and download · pre-emit critique: P4 H4 E4 S5 R5 V4
 */
:root {
  --color-paper: oklch(98% .009 245);
  --color-surface: oklch(99.5% .003 245);
  --color-hero: oklch(95% .027 245);
  --color-sky: oklch(93% .027 245);
  --color-sleep: oklch(94% .018 277);
  --color-ink: oklch(29% .035 245);
  --color-muted: oklch(47% .03 245);
  --color-accent: oklch(48% .13 250);
  --color-accent-hover: oklch(39% .12 250);
  --color-accent-ink: oklch(99.5% .003 245);
  --color-rule: oklch(88% .016 245);
  --color-focus: oklch(45% .14 250);
  --font-display: "Songti SC", "STSong", "SimSun", serif;
  --font-body: "PingFang SC", "Microsoft YaHei", sans-serif;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --radius-card: 12px;
  --radius-button: 8px;
  --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);
}