/* Hallmark · macrostructure: Narrative Workflow · H8 hero knobs: frame=floating no-frame, tilt=0.8deg, screenshot=1
 * theme: custom · vibe: "industrial precision, restraint, traceable" · paper: oklch(98% 0.006 240) · accent: oklch(62% 0.17 42)
 * display: Songti SC / STSong · body: PingFang SC · axes: light / roman-serif / chromatic-orange
 * nav: N5 Floating pill · footer: Ft5 Statement · studied: no · context: inferred · v1.1.0
 */
:root {
  --color-paper:       oklch(98% 0.006 240);
  --color-paper-2:     oklch(95.5% 0.008 240);
  --color-paper-3:     oklch(92.5% 0.009 240);
  --color-ink:         oklch(20% 0.016 250);
  --color-ink-2:       oklch(38% 0.014 248);
  --color-rule:        oklch(84% 0.008 240);
  --color-rule-2:      oklch(90% 0.007 240);
  --color-muted:       oklch(50% 0.012 245);
  --color-neutral:     oklch(62% 0.010 245);
  --color-accent:      oklch(62% 0.17 42);
  --color-accent-ink:  oklch(16% 0.02 250);
  --color-focus:       oklch(58% 0.20 42);
  --color-band:        oklch(26% 0.05 248);
  --color-band-2:      oklch(31% 0.055 248);
  --color-band-ink:    oklch(95% 0.008 240);
  --color-band-muted:  oklch(78% 0.018 240);
  --color-ok:          oklch(52% 0.12 150);
  --color-warn:        oklch(58% 0.13 75);
  --color-danger:      oklch(52% 0.16 28);

  --font-display: "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  --font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;

  --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;

  --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-display: clamp(2.5rem, 4.8vw + 0.75rem, 4.75rem);
  --text-display-s: clamp(1.75rem, 3.2vw + 0.5rem, 2.75rem);

  --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);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  --rule-hair: 1px;
  --radius-card: 10px;
  --radius-pill: 999px;
  --radius-input: 6px;

  --shadow-whisper: 0 1px 2px oklch(20% 0.02 250 / 0.06);
  --shadow-card: 0 1px 2px oklch(20% 0.02 250 / 0.05), 0 24px 60px -28px oklch(20% 0.03 250 / 0.25);

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