/* Xinghe API Console — Unified Starlight Obsidian (Dark) & Daylight Glass (Light) Tokens */
:root,
:root.light,
html.light {
  --background: #f4f7fb;
  --foreground: #0f1d33;
  --card: rgba(255, 255, 255, 0.88);
  --card-foreground: #0f1d33;
  --card-border: rgba(15, 35, 66, 0.10);
  --card-shadow: 0 12px 32px rgba(15, 29, 51, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --card-solid: #ffffff;
  --popover: #ffffff;
  --popover-foreground: #0f1d33;
  --primary: #0d8276;
  --primary-foreground: #ffffff;
  --primary-soft: rgba(13, 130, 118, 0.11);
  --primary-soft-hover: rgba(13, 130, 118, 0.18);
  --secondary: rgba(15, 35, 66, 0.06);
  --secondary-foreground: #1b314e;
  --muted: rgba(15, 35, 66, 0.05);
  --muted-foreground: #546b88;
  --accent: rgba(13, 130, 118, 0.10);
  --accent-foreground: #095950;
  --border: rgba(15, 35, 66, 0.11);
  --input: rgba(15, 35, 66, 0.15);
  --ring: rgba(13, 130, 118, 0.36);
  --field: rgba(255, 255, 255, 0.88);
  --field-hover: #ffffff;
  --table-head: #eef4fa;
  --table-header: #eef4fa;
  --table-row: #ffffff;
  --chrome-ink: #0f1d33;
  --chrome-muted: #546b88;
  --chrome-line: rgba(15, 35, 66, 0.10);
  --glass-tint: rgba(255, 255, 255, 0.84);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --sidebar: rgba(248, 251, 255, 0.90);
  --sidebar-foreground: #162b46;
  --sidebar-primary: #0d8276;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(13, 130, 118, 0.10);
  --sidebar-accent-foreground: #095950;
  --sidebar-border: rgba(15, 35, 66, 0.10);
  --sidebar-ring: rgba(13, 130, 118, 0.36);
  --chart-1: #0d8276;
  --chart-2: #0284c7;
  --chart-3: #4f46e5;
  --chart-4: #d97706;
  --chart-5: #7c3aed;
  --ok: #0d9488;
  --warn: #d97706;
  --bad: #e11d48;
}

:root.dark,
html.dark {
  --background: #070b16;
  --foreground: #eef5ff;
  --card: rgba(11, 20, 40, 0.72);
  --card-foreground: #eef5ff;
  --card-border: rgba(164, 206, 238, 0.15);
  --card-shadow: 0 18px 46px rgba(1, 4, 14, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --card-solid: #0b1428;
  --popover: #0b152b;
  --popover-foreground: #eef5ff;
  --primary: #4be8cb;
  --primary-foreground: #04131c;
  --primary-soft: rgba(75, 232, 203, 0.14);
  --primary-soft-hover: rgba(75, 232, 203, 0.22);
  --secondary: rgba(148, 178, 218, 0.11);
  --secondary-foreground: #dce8fa;
  --muted: rgba(148, 178, 218, 0.07);
  --muted-foreground: #8fa6c6;
  --accent: rgba(75, 232, 203, 0.13);
  --accent-foreground: #e4fff9;
  --border: rgba(164, 206, 238, 0.14);
  --input: rgba(164, 206, 238, 0.20);
  --ring: rgba(75, 232, 203, 0.42);
  --field: rgba(8, 15, 32, 0.68);
  --field-hover: rgba(12, 22, 44, 0.84);
  --table-head: #0c1730;
  --table-header: #0c1730;
  --table-row: #0a1222;
  --chrome-ink: #eef5ff;
  --chrome-muted: #8fa6c6;
  --chrome-line: rgba(164, 206, 238, 0.14);
  --glass-tint: rgba(11, 20, 40, 0.64);
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --sidebar: rgba(7, 12, 26, 0.84);
  --sidebar-foreground: #dce8fa;
  --sidebar-primary: #4be8cb;
  --sidebar-primary-foreground: #04131c;
  --sidebar-accent: rgba(75, 232, 203, 0.13);
  --sidebar-accent-foreground: #e6fff9;
  --sidebar-border: rgba(164, 206, 238, 0.13);
  --sidebar-ring: rgba(75, 232, 203, 0.42);
  --chart-1: #4be8cb;
  --chart-2: #52c7f2;
  --chart-3: #83a2ff;
  --chart-4: #f2bf6c;
  --chart-5: #b68df5;
  --ok: #4be8cb;
  --warn: #f2bf6c;
  --bad: #ff6e8a;
}