/* ═══════════════════════════════════════════════════════════
   速汇星 Design Tokens — extracted from css/styles.css
   Dark (:root) + Light (html[data-theme="light"]) custom properties only.
   挂到现网静态 CSS / 主题层；勿整文件替换现网 CSS。
   ═══════════════════════════════════════════════════════════ */

:root {
  --bg-deep: #0b0e14;
  --bg-base: #11151c;
  --bg-elevated: #171c26;
  --bg-surface: #1c2230;
  --bg-hover: #242b3a;
  --bg-active: #2a3244;

  --teal: #1ee0b6;
  --teal-dim: #14b894;
  --teal-glow: rgba(30, 224, 182, 0.18);
  --teal-soft: rgba(30, 224, 182, 0.08);

  --gold: #e0b87a;
  --gold-dim: #c99a52;
  --gold-soft: rgba(224, 184, 122, 0.12);

  --text-primary: #f0f2f5;
  --text-secondary: #9ba3b2;
  --text-muted: #6b7385;
  --text-inverse: #0b0e14;

  --border: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.12);
  --border-teal: rgba(30, 224, 182, 0.35);

  --danger: #f07178;
  --warning: #e0b87a;
  --success: #1ee0b6;
  --info: #6cb6ff;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 24px rgba(30, 224, 182, 0.15);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --sidebar-w: 224px;
  --sidebar-collapsed: 72px;
  --topbar-h: 64px;

  --font: "Inter", "PingFang SC", "Noto Sans SC", "Microsoft YaHei",
    system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 220ms;
}

html[data-theme="light"] {
  --bg-deep: #f4f6f9;
  --bg-base: #fbfcfe;
  --bg-elevated: rgba(255, 255, 255, 0.82);
  --bg-surface: #eef1f5;
  --bg-hover: #e6eaef;
  --bg-active: #dce2e9;

  --text-primary: #1a1614;
  --text-secondary: #5c5660;
  --text-muted: #8a8490;
  --text-inverse: #ffffff;

  --border: rgba(40, 30, 20, 0.08);
  --border-strong: rgba(40, 30, 20, 0.14);
  --border-teal: rgba(13, 184, 148, 0.45);

  --shadow-sm:
    0 1px 2px rgba(40, 28, 18, 0.04),
    0 4px 14px rgba(40, 28, 18, 0.07);
  --shadow-md:
    0 4px 12px rgba(40, 28, 18, 0.06),
    0 14px 36px rgba(40, 28, 18, 0.1);
  --shadow-lg:
    0 8px 24px rgba(40, 28, 18, 0.08),
    0 28px 64px rgba(40, 28, 18, 0.13);
  --shadow-glow: 0 0 28px rgba(13, 184, 148, 0.2);

  --teal: #0db894;
  --teal-dim: #0a9a7c;
  --teal-glow: rgba(13, 184, 148, 0.22);
  --teal-soft: rgba(13, 184, 148, 0.14);

  --gold: #c9a06a;
  --gold-dim: #b08a52;
  --gold-soft: rgba(201, 160, 106, 0.16);
}
/* 212 shared palette: keep the approved sign-in night sky as the base. */
:root {
  --bg-deep: #0c1016; --bg-base: #111720; --bg-elevated: #171e29;
  --bg-surface: #1d2735; --bg-hover: #253246; --bg-active: #2b3a50;
  --text-primary: #eef3fa; --text-secondary: #b0bed1; --text-muted: #889ab3;
  --border-strong: rgba(151,176,210,.23); --border: rgba(151,176,210,.15);
  --danger: #ff9ba8; --danger-soft: rgba(214,67,92,.14); --danger-border: rgba(255,136,156,.42);
  --warning: #efc381; --warning-border: rgba(239,195,129,.38);
  --info: #91bfff; --info-soft: rgba(98,156,237,.13); --info-border: rgba(145,191,255,.35);
}
html[data-theme="light"] {
  --text-secondary: #526176; --text-muted: #65758c;
  --success: #08745e; --danger: #b52d45; --danger-soft: #fcecf0; --danger-border: #d58b99;
  --warning: #815209; --warning-border: #c6a877;
  --info: #205aa9; --info-soft: #eaf2ff; --info-border: #93b1d8;
}