/* ==========================================================================
   设计令牌 · 深藏青 / 香槟金 / 暖白纸
   品牌基准：MSX 标识的藏青与香槟金
   ========================================================================== */

:root {
  /* 藏青 */
  --navy: #0e1a30;
  --navy-2: #16233d;
  --navy-3: #1f2f4d;

  /* 香槟金：亮金只做装饰，文字用深金保证对比度 */
  --gold: #c0a062;
  --gold-light: #dcc08a;
  --gold-mid: #8a6f3c;
  --gold-deep: #7a5f32;
  --gold-soft: rgba(192, 160, 98, 0.16);

  /* 纸与墨 */
  --paper: #f7f4ed;
  --paper-2: #ffffff;
  --paper-3: #efeae0;
  --text: #14203a;
  --muted: #5c6577;
  --muted-2: #666c79;
  --line: #e2dccf;
  --line-strong: #cfc6b4;

  /* 阴影：藏青调，不用纯黑 */
  --shadow-1: 0 1px 2px rgba(14, 26, 48, 0.05);
  --shadow-2: 0 10px 30px rgba(14, 26, 48, 0.08);
  --shadow-3: 0 24px 60px rgba(14, 26, 48, 0.12);

  /* 字体 */
  --font-display: "Noto Page", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
    sans-serif;
  --font-script: "WenKai Page", "Kaiti SC", KaiTi, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC",
    "Microsoft YaHei", sans-serif;

  /* 流体字阶 */
  --step--2: clamp(11.5px, 2.9vw, 12px);
  --step--1: clamp(13.8px, 3.2vw, 14.5px);
  --step-0: clamp(15px, 3.9vw, 16.5px);
  --step-1: clamp(17px, 4.2vw, 19px);
  --step-2: clamp(21px, 3.4vw, 26px);
  --step-3: clamp(26px, 4.6vw, 40px);
  --step-4: clamp(34px, 8.4vw, 72px);

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 22px;
  --space-5: 34px;
  --space-6: 52px;
  --space-7: 76px;
  --space-8: 108px;

  /* 圆角 */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-base: 340ms;
  --dur-slow: 720ms;

  --measure: 34em;
}