/* ============================================================
   tokens.css — 设计变量
   墨黑 / 深午夜蓝为底；紫水晶紫、烟晶灰、玫瑰石英粉为辅；
   金属金描线 + 全息虹彩折射。
   ============================================================ */

:root {
  /* —— 底色：墨黑 → 深午夜蓝 —— */
  --ink-900: #04050A;
  --ink-850: #070912;
  --ink-800: #0A0D1A;
  --midnight: #0C1124;
  --midnight-2: #111734;
  --panel: #0D1224;
  --panel-2: #121933;
  --panel-3: #172044;

  /* —— 描线 —— */
  --line: #222A48;
  --line-soft: #1A2138;
  --line-hard: #2E3859;
  --line-gold: #6A5628;

  /* —— 主色：紫水晶 —— */
  --amethyst: #9A78DC;
  --amethyst-hi: #C0A6F2;
  --amethyst-lo: #5C418F;

  /* —— 辅色：烟晶灰 —— */
  --smoke: #857F9B;
  --smoke-hi: #ADA7C2;
  --smoke-lo: #4B4760;

  /* —— 辅色：玫瑰石英粉 —— */
  --rose: #D69BA6;
  --rose-hi: #EFC3CA;
  --rose-lo: #8E5D68;

  /* —— 金属金 —— */
  --gold: #C6A15B;
  --gold-hi: #E7CD96;
  --gold-lo: #7A6132;

  /* —— 全息虹彩（低饱和，只做折射高光） —— */
  --holo-cyan: #7FD7DE;
  --holo-violet: #B69BF0;
  --holo-rose: #E7B3C0;
  --holo-amber: #DCC08A;

  /* —— 文本 —— */
  --text: #E4E2F0;
  --text-2: #A29EB8;
  --text-3: #6E6986;
  --text-4: #4B4760;

  /* —— 五行色 —— */
  --wx-wood: #78A97C;
  --wx-fire: #C4705E;
  --wx-earth: #C9A05B;
  --wx-metal: #9FA6B8;
  --wx-water: #6E86B8;

  /* —— 字体 —— */
  --font-serif: "Songti SC", "Song Ti", "STSong", "SimSun", "Noto Serif CJK SC",
               "Source Han Serif SC", "Noto Serif SC", "Georgia", serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", "SF Mono",
               "Menlo", "Consolas", "Courier New", monospace;
  --font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
               "Source Han Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;

  /* —— 尺度 —— */
  --rail-w: 74px;
  --gut: clamp(20px, 4vw, 56px);
  --maxw: 1420px;

  /* —— 水晶棱面切角 —— */
  --cut: 14px;
  --cut-sm: 9px;
  --facet: polygon(
    0 var(--cut), var(--cut) 0,
    100% 0, 100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%, 0 100%
  );
  --facet-sm: polygon(
    0 var(--cut-sm), var(--cut-sm) 0,
    100% 0, 100% calc(100% - var(--cut-sm)),
    calc(100% - var(--cut-sm)) 100%, 0 100%
  );

  /* —— 1px 全息描边渐变 —— */
  --edge-holo: linear-gradient(135deg,
    rgba(154, 120, 220, .55) 0%,
    rgba(127, 215, 222, .30) 28%,
    rgba(198, 161, 91, .60) 54%,
    rgba(214, 155, 166, .38) 78%,
    rgba(133, 127, 155, .45) 100%);
  --edge-dim: linear-gradient(135deg,
    rgba(46, 56, 89, .95) 0%,
    rgba(34, 42, 72, .7) 50%,
    rgba(26, 33, 56, .95) 100%);

  --ease: cubic-bezier(.22, .61, .36, 1);
}