/* 设计 token —— 全站共享的视觉基础。新页面直接引用本文件。 */
:root {
  /* Foundation tokens */
  --white-0: oklch(99.7% 0.002 250);
  --ink-90: oklch(18% 0.008 250);
  --ink-60: oklch(44% 0.008 250);
  --ink-20: oklch(85% 0.006 250);
  --ink-10: oklch(93% 0.004 250);
  --space-02: .25rem;
  --space-03: .5rem;
  --space-04: .75rem;
  --space-05: 1rem;
  --space-06: 1.5rem;
  --space-07: 2rem;
  --font-sans: "Avenir Next", "PingFang SC", "Hiragino Sans GB", sans-serif;
  --font-size-label: .68rem;
  --font-weight-medium: 520;
  --tracking-wide: .16em;
  --line-tight: 1.25;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --duration-fast: 160ms;
  --duration-slow: 700ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --z-ui: 10;
  --z-gallery: 5;
  --z-debug: 20;
  --panel-left: 38%;
  --panel-right: clamp(var(--space-06), 4vw, 4rem);
  --panel-top: clamp(5.5rem, 11vh, 8rem);
  --panel-bottom: clamp(4.5rem, 9vh, 6.5rem);
  --image-gap: clamp(var(--space-03), 1vw, var(--space-05));
  --image-radius: .2rem;

  /* Semantic tokens */
  --color-background: var(--white-0);
  --color-layer-01: color-mix(in oklch, var(--white-0) 88%, transparent);
  --color-text-primary: var(--ink-90);
  --color-text-secondary: var(--ink-60);
  --color-border-subtle: var(--ink-10);
  --color-border-strong: var(--ink-20);
  --color-interactive: var(--ink-90);
  --color-focus: var(--ink-60);
  --color-support-error: oklch(55% .2 25);
  --color-support-success: oklch(57% .13 150);
  --color-support-warning: oklch(72% .14 80);
  --color-link: var(--ink-90);
  --space-edge: clamp(var(--space-05), 3vw, var(--space-06));
  --type-label: var(--font-weight-medium) var(--font-size-label)/var(--line-tight) var(--font-sans);
  --focus-ring: 0 0 0 var(--space-02) color-mix(in oklch, var(--color-focus) 18%, transparent);
  --gallery-scrim: linear-gradient(180deg, transparent 55%, color-mix(in oklch, var(--ink-90) 76%, transparent));
}