:root {
  /* TANOS 原站设计语言：蓝、深海军蓝、浅灰、荧光黄 */
  --blue: #004F9F;
  --blue-deep: #003B77;
  --blue-ink: #002F5F;
  --blue-soft: #E8F0F9;
  --blue-wash: #F1F6FC;
  --navy: #03182C;
  --navy-soft: #0A2439;
  --ink: #0E1F2E;
  --slate: #3C4B5A;
  --steel: #4F5D6B;
  --muted: #596570;
  --line: #D8DFE6;
  --line-strong: #B9C5D1;
  --white: #FFFFFF;
  --paper: #F6F6F6;
  --paper-2: #E4E4E4;
  --paper-3: #EDF2F7;
  --yellow: #FFCD1C;
  --yellow-deep: #E4B500;
  --amber-soft: #FFF4D1;
  --amber-ink: #684A00;
  --success: #1B684A;
  --success-soft: #EAF6F0;
  --error: #9B2C1C;
  --error-soft: #FBEEEB;
  --focus: #004F9F;

  /* 透明度色只在 tokens 中定义 */
  --shadow: 0 24px 64px rgba(3, 24, 44, 0.10);
  --shadow-soft: 0 8px 28px rgba(3, 24, 44, 0.07);
  --shadow-card: 0 2px 0 rgba(3, 24, 44, 0.04);
  --overlay-dark: rgba(3, 24, 44, 0.62);
  --overlay-navy: rgba(3, 24, 44, 0.94);
  --white-a10: rgba(255, 255, 255, 0.10);
  --white-a16: rgba(255, 255, 255, 0.16);
  --white-a60: rgba(255, 255, 255, 0.60);
  --white-a78: rgba(255, 255, 255, 0.78);
  --navy-a06: rgba(3, 24, 44, 0.06);
  --navy-a12: rgba(3, 24, 44, 0.12);
  --blue-a12: rgba(0, 79, 159, 0.12);
  --yellow-a20: rgba(255, 205, 28, 0.20);

  --font-sans: "Open Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Noto Sans SC", "Source Han Sans SC", sans-serif;
  --font-mono: "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace;

  --wrap: 1240px;
  --wrap-narrow: 880px;
  --pad: clamp(20px, 4vw, 44px);
  --radius: 10px;
  --radius-sm: 5px;
  --radius-lg: 16px;
  --header-h: 78px;
  --section-y: clamp(64px, 8vw, 112px);
  --gap: clamp(16px, 2vw, 26px);
}