/* ============================================================
   tokens.css · 华南虎具身智能实训平台 设计令牌
   视觉语言：「工程蓝图」—— 藏青墨底 + 品牌蓝渐变 + 虎珀橙强调
   直角偏小圆角、1px 细线、等宽编号标签、坐标刻度装饰
   亮色 / 暗色两套；根元素 data-theme="dark|light" 显式切换
   ============================================================ */
@font-face { font-family: "Geist"; src: url("../assets/fonts/Geist-400.woff2") format("woff2"); font-weight: 300 800; font-display: swap; }

:root {
  color-scheme: light;

  /* —— 品牌（取自 logo 渐变） —— */
  --navy: #29408F;
  --blue: #1A5BB0;
  --azure: #0090D5;
  --brand-grad: linear-gradient(120deg, #29408F 0%, #1A5BB0 45%, #0090D5 100%);

  /* —— 虎珀橙：关键动作与强调（按钮上配深墨字） —— */
  --amber: #FF8A1F;
  --amber-deep: #F07306;
  --amber-soft: #FFF2E3;
  --amber-ink: #231405;

  /* —— 面 —— */
  --bg: #F2F4F8;
  --surface: #FFFFFF;
  --surface-2: #F7F9FC;
  --surface-3: #ECF0F6;
  --line: #E1E6EF;
  --line-strong: #C9D2E0;

  /* —— 墨 —— */
  --ink: #0D1526;
  --ink-2: #424E68;
  --ink-3: #7B879E;
  --ink-4: #A7B1C4;

  /* —— 主动作（品牌蓝） —— */
  --primary: #1A5BB0;
  --primary-deep: #15498F;
  --primary-soft: #E8F0FB;
  --primary-ink: #FFFFFF;
  --link: #1A5BB0;

  /* —— 语义 —— */
  --ok: #0E9F6E;      --ok-soft: #E3F6EE;
  --warn: #D97706;    --warn-soft: #FEF3C7;
  --danger: #DC2626;  --danger-soft: #FDE8E8;
  --info: #0090D5;    --info-soft: #E2F3FC;
  --violet: #6D5DF6;  --violet-soft: #EEECFE;

  /* —— 永远深色的面（侧栏 / 首页 / 仿真舱） —— */
  --deck: #080C18;
  --deck-2: #0E1426;
  --deck-3: #151D35;
  --deck-line: rgba(255, 255, 255, .09);
  --deck-line-strong: rgba(255, 255, 255, .16);
  --on-deck: #EEF2FA;
  --on-deck-2: rgba(238, 242, 250, .72);
  --on-deck-3: rgba(238, 242, 250, .48);

  /* —— 形 —— */
  --r-xs: 4px; --r-s: 6px; --r-m: 10px; --r-l: 14px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(13, 21, 38, .06);
  --shadow-2: 0 8px 24px -10px rgba(13, 21, 38, .18);
  --shadow-3: 0 24px 60px -20px rgba(13, 21, 38, .35);
  --overlay: rgba(8, 12, 24, .55);
  --focus: #0090D5;

  /* —— 字 —— */
  --font-ui: "Geist", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Microsoft YaHei UI", monospace;

  /* —— 尺度 —— */
  --rail-w: 76px;
  --subnav-w: 216px;
  --topbar-h: 56px;
  --container: 1240px;

  --z-rail: 50; --z-topbar: 40; --z-drawer: 200; --z-modal: 300; --z-toast: 400; --z-pop: 250;

  /* —— 图表分类色（亮色） —— */
  --c1: #1A5BB0; --c2: #FF8A1F; --c3: #0E9F6E; --c4: #6D5DF6; --c5: #E0567B; --c6: #0EA5C9; --c7: #8A6D3B; --c8: #64748B;
}

/* .theme-dark：让某个子树（如仿真舱工作台）无论全局主题如何都保持暗色 */
:root[data-theme="dark"], .theme-dark {
  color-scheme: dark;
  --bg: #080C18;
  --surface: #0F1629;
  --surface-2: #141C33;
  --surface-3: #1B2440;
  --line: #222C48;
  --line-strong: #33405F;

  --ink: #E9EEF8;
  --ink-2: #A9B4CA;
  --ink-3: #7484A0;
  --ink-4: #4F5D7A;

  --primary: #3B9BEA;
  --primary-deep: #66B4F2;
  --primary-soft: #12284A;
  --primary-ink: #06101F;
  --link: #5CB2F5;

  --amber: #FF9A3D;
  --amber-deep: #FFB066;
  --amber-soft: #33210C;

  --ok: #2ED3A0;      --ok-soft: #0F3329;
  --warn: #FBBF24;    --warn-soft: #3A2C0A;
  --danger: #F87171;  --danger-soft: #3B1A1A;
  --info: #38BDF8;    --info-soft: #0D2C42;
  --violet: #9A8DFF;  --violet-soft: #231F4D;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 8px 24px -10px rgba(0, 0, 0, .6);
  --shadow-3: 0 24px 60px -20px rgba(0, 0, 0, .75);
  --overlay: rgba(2, 4, 10, .7);

  /* 暗色分类色：已用 dataviz 校验脚本针对 #0F1629 面通过（亮度带 / CVD / 对比度） */
  --c1: #3987E5; --c2: #D96F17; --c3: #19A274; --c4: #8B7FF0; --c5: #D9558A; --c6: #1E9BCB; --c7: #8A6D3B; --c8: #7484A0;
}