/* V4 — 守一国学 · Visual Design Tokens */

:root {
  /* ── 色彩 ── */
  --color-bg: #100e0c;
  --color-text: #f3ecdd;
  --color-text-muted: #bfaf93;
  --color-bronze: #8e6b37;
  --color-vermilion: #8a2e2e;

  /* 透明度层级（背景装饰 2% / 5% / 8%） */
  --opacity-faint: 0.02;
  --opacity-subtle: 0.05;
  --opacity-soft: 0.08;

  /* 语义色 */
  --color-text-secondary: color-mix(in srgb, var(--color-text-muted) 72%, transparent);
  --color-text-weak: color-mix(in srgb, var(--color-text-muted) 48%, transparent);
  --color-text-faint: color-mix(in srgb, var(--color-text-muted) 32%, transparent);
  --color-border: color-mix(in srgb, var(--color-bronze) 28%, transparent);
  --color-border-strong: color-mix(in srgb, var(--color-bronze) 42%, transparent);
  --color-surface: color-mix(in srgb, var(--color-text) 2%, transparent);
  --color-surface-paper: color-mix(in srgb, var(--color-text) 3.5%, transparent);
  --color-accent: var(--color-bronze);
  --color-focus: color-mix(in srgb, var(--color-bronze) 65%, var(--color-text));

  /* ── 字体 ── */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;

  /* ── 间距 ── */
  --space-page-x: 24px;
  --space-page-y: 48px;
  --space-section: 32px;
  --space-card: 20px;
  --content-max: 390px;

  /* ── 圆角 ── */
  --radius-sm: 4px;
  --radius-md: 6px;

  /* ── 动效 ── */
  --duration-fade: 300ms;
  --duration-step: 280ms;
  --duration-mist: 30s;
  --duration-stars: 3s;
  --duration-luopan: 120s;
  --duration-hero-mist: 35s;
  --duration-hero-stars: 8s;
  --duration-hero-logo: 600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* ── Hero V5.1 ── */
  --hero-logo-size: 76px;
  --hero-logo-size-mobile: 54px;
  --hero-motto-size: 18px;
  --hero-motto-tracking: 6px;
  --hero-padding: 32px;
  --hero-paper-opacity: 0.03;
  --hero-mountain-far: 0.04;
  --hero-mountain-mid: 0.07;
  --hero-mountain-near: 0.1;
  --hero-pine-opacity: 0.06;
  --hero-stars-base: 0.03;
  --hero-stars-peak: 0.05;
}