/*
 * 设计变量：全站唯一的色值、字号与尺度来源。
 * 页面与脚本一律通过变量取值，不得写死色值与间距。
 */
:root {
  color-scheme: dark;

  /* 深色展馆色板 */
  --c-bg: #0e0e10;
  --c-surface: #17171a;
  --c-line: #2a2a2e;
  --c-ink: #f2efe9;
  --c-muted: #a8a29a;
  --c-primary: #c1440e;
  --c-primary-text: #e06a3c;
  /* 赤陶橙实心块上的文字：暖白在橙底上只有约 4.47:1，纯白才能稳定达到 4.5:1 */
  --c-on-primary: #ffffff;

  /* 字体：只用系统字体栈，不加载网络字体 */
  --font-serif: "Songti SC", "SimSun", serif;
  --font-sans: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;

  /* 字号 */
  --fs-hero: clamp(2rem, 6.5vw, 4.25rem);
  --fs-h1: clamp(1.625rem, 4.4vw, 2.75rem);
  --fs-h2: clamp(1.125rem, 2.6vw, 1.5rem);
  --fs-h3: 1.0625rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  /* 间距：以 8px 为步进 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* 版心与留白 */
  --pad-inline: 16px;
  --content-max: 1280px;
  --header-h: 56px;

  /* 动效：轮播转场是唯一超过 200ms 的动效 */
  --dur-fast: 160ms;
  --dur-hero: 600ms;
}

@media (min-width: 768px) {
  :root {
    --pad-inline: 32px;
    --header-h: 64px;
  }
}

@media (min-width: 1440px) {
  :root {
    --pad-inline: 64px;
    --content-max: 1400px;
  }
}