/* SD Headquarters Design System · Tokens v0.1 */
:root {
  color-scheme: dark;
  --font:
    "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial,
    sans-serif;
  --bg: #101116;
  --sidebar: #14151d;
  --panel: #191a23;
  --panel-raised: #1e1f2a;
  --hover: #252634;
  --input: #14151e;
  --line: #2b2c3a;
  --line-soft: #232430;
  --text: #f0f0f7;
  --muted: #a7a8bc;
  --faint: #9294aa;
  --accent: #b7a1ff;
  --accent-fill: #a98cf5;
  --accent-ink: #201532;
  --violet-bg: #292239;
  --blue: #8bb7ff;
  --blue-bg: #202b40;
  --teal: #8accc0;
  --teal-bg: #1e3332;
  --amber: #e8c18b;
  --amber-bg: #362e24;
  --rose: #e2a1b9;
  --rose-bg: #382631;
  --shadow: 0 8px 32px #00000014;
  --shadow-dialog: 0 24px 100px #0008;
  --radius: 14px;
  --sidebar-width: 248px;
  --focus: #b9a4ff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f9;
  --sidebar: #fcfcfe;
  --panel: #fff;
  --panel-raised: #f9f9fd;
  --hover: #eeeef6;
  --input: #f8f9fc;
  --line: #dddfea;
  --line-soft: #e9eaf1;
  --text: #252634;
  --muted: #626577;
  --faint: #6c6f82;
  --accent: #6949c5;
  --accent-fill: #7454cf;
  --accent-ink: #fff;
  --violet-bg: #eee8fb;
  --blue: #346ac0;
  --blue-bg: #e9f0fd;
  --teal: #347c70;
  --teal-bg: #e6f3ee;
  --amber: #8f6327;
  --amber-bg: #fbf0df;
  --rose: #a34b70;
  --rose-bg: #faeaf1;
  --shadow: 0 8px 28px #25345406;
  --shadow-dialog: 0 24px 100px #1b25412b;
  --focus: #7953d6;
}