/*
  SHARD 调色板：全部取样自 assets/hero/风格化.jpeg（node scripts/build-hero-assets.mjs --palette）。
  桶均值：白 #FCFCFC / 蓝 #0537B4 / 暗蓝 #0C2B92 #0C2276 #0A1D6C #0D1850 / 红 #90072A / 墨 #08060A。
  参考图家族占比基线（8px 步长，149504 个样本点，最近锚点分类）：
    蓝 47.82%  白 41.14%  红 8.80%  墨 2.24%
  首屏蓝占比门槛：45%（基线 47.8% + 底部斜切蓝带杠杆，昼夜取较低者）。
  红只当“刃”：新作角标、关键按钮、强调细线、刀光、hover 边缘。红字只放在白/冷白底上。
  #90072A 与 #0537B4 亮度几乎相同，禁止红字上蓝、蓝字上红。
*/
:root {
  --sh-klein-500: #0537B4;
  --sh-klein-700: #0C2B92;
  --sh-klein-900: #0A1D6C;
  --sh-klein-950: #0D1850;
  --sh-white: #F4F6FF;
  --sh-ink: #08060A;
  --sh-burgundy: #90072A;
  --sh-burgundy-deep: #7A1022;

  --font-display: "Anton", Impact, "Arial Narrow Bold", sans-serif;
  --font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", system-ui, sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-wipe: cubic-bezier(.7, 0, .2, 1);
  --cut: 14px;
}
:root[data-theme="day"] {
  color-scheme: light;
  --bg: var(--sh-white);
  --fg: var(--sh-klein-500);
  --surface: var(--sh-klein-500);
  --on-surface: var(--sh-white);
  --blade: var(--sh-burgundy);
  --focus-ring: var(--sh-burgundy);
  --edge: var(--sh-klein-950);
  --muted: #3a4f9a;
}
:root[data-theme="night"] {
  color-scheme: dark;
  --bg: var(--sh-klein-950);
  --fg: var(--sh-white);
  --surface: var(--sh-klein-900);
  --on-surface: var(--sh-white);
  --blade: var(--sh-burgundy);
  --focus-ring: var(--sh-white);
  --edge: var(--sh-white);
  --muted: #b9c4ee;
}