/* 夜间产品实验室 · 可拷贝变量
 * 先引入共享，再在各站覆盖一套身份。
 * 色对已按 WCAG 核算，不要把 gold / fade / mute 拿去当小字正文。
 */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --pad-compact: 20px;
  --pad-regular: 40px;
  --pad-wide: 64px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-ui: 200ms;
  --t-struct: 700ms;
  --t-camera: 1600ms;

  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
  --font-sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;
  --font-latin: "IBM Plex Sans", "Noto Sans", sans-serif;
  --font-mono: "IBM Plex Mono", "Noto Sans Mono", ui-monospace, monospace;
  --font-product: "Barlow Condensed", "Noto Sans SC", sans-serif;
  --font-editorial-latin: "Newsreader", "Noto Serif SC", serif;
}

/* 门厅 */
.theme-index {
  --bg: #0A0908;
  --text: #E6E1D8;
  --text-dim: #8A857C; /* 仅大号或 ≥16px 粗；小字改用 #B5AFA4 */
  --text-dim-safe: #B5AFA4;
  --leak-gold: #C9A15B;
  --leak-ice: #B7D9E8;
  --leak-tungsten: #C6A36C;
}

/* 炼金台：深墨 + 熔金/铜 */
.theme-alchemy {
  --bg: #0B0907;
  --bg-1: #14110E;
  --bg-2: #1E1914;
  --bg-3: #2A241C;
  --line: #3F362C;
  --text: #F4EEE6;
  --text-dim: #C3B6A4;
  --gold-hi: #EDC98A;
  --gold: #C9A15B;
  --copper: #B56A3C;
  --ember: #D06832;
  --dross: #6E5744;
}

/* 看见水：深蓝到冰蓝。产品无气，不要碳酸色。 */
.theme-water {
  --bg: #050E14;
  --bg-1: #0A1A26;
  --bg-2: #123044;
  --sea: #1A4A5C;
  --ice: #B7D9E8;
  --glacier: #E4F2F7;
  --mist: #8AA3B0;
  --foam: #F3F6F7;
  --basalt: #1C1E20;
  --cove: #C5C9CC;
  --ink-on-light: #102028;
}

/* 成片体检：纸 + 残余钨丝 */
.theme-taste {
  --bg: #E7DFD1;
  --bg-2: #DCD3C3;
  --rule: #C9BEAA;
  --ink: #1B1815;
  --graphite: #4E4942;
  --meta: #615C54; /* 小字 AA */
  --fade: #7C766C; /* 仅大号装饰 */
  --rebate: #161410;
  --tungsten: #C6A36C;
  --tungsten-dim: #8A6C3E;
  --scope-ok: #3C6554;
  --scope-no: #8A3F3A;
  --scope-warn: #8A6A32;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-ui: 150ms;
    --t-struct: 150ms;
    --t-camera: 0ms;
  }
}