/** Dark theme design tokens. */
:root,
:root.dark {
  --bp-surface-border-radius: 0;
  --kui-radius: 0;
  --kui-control-height: 32px;
  --kui-control-height-small: 26px;
  --kui-control-height-large: 40px;
  --kui-surface-canvas: #080808;
  --kui-surface-nav: #060606;
  --kui-surface-panel: #0d0d0d;
  --kui-surface-raised: #111111;
  --kui-surface-hover: #151515;
  --kui-surface-active: #191919;
  --kui-line-soft: rgb(255 255 255 / 0.08);
  --kui-line: rgb(255 255 255 / 0.16);
  --kui-line-strong: rgb(255 255 255 / 0.28);
  --kui-text: #ffffff;
  --kui-text-secondary: #d7d7d7;
  --kui-text-muted: #a8a8a8;
  --kui-overlay-shadow: 0 18px 52px rgb(0 0 0 / 0.56);
  --kui-tooltip-background: #ffffff;
  --kui-tooltip-foreground: #000000;
  --background: 0 0% 3%;
  --foreground: 0 0% 100%;
  --primary: 213 68% 59%;
  --primary-foreground: 220 20% 8%;
  --secondary: 0 0% 5%;
  --secondary-foreground: 0 0% 100%;
  --accent: 213 68% 59%;
  --accent-hover: 214 84% 65%;
  --muted: 0 0% 70%;
  --muted-foreground: 0 0% 85%;
  --ring: 213 68% 59%;
  --sidebar-bg: var(--kui-surface-nav);
  --sidebar-foreground: hsl(0 0% 100%);
  --sidebar-primary: hsl(213 68% 59%);
  --sidebar-primary-foreground: hsl(0 0% 0%);
  --sidebar-accent: var(--kui-surface-raised);
  --sidebar-accent-hover: var(--kui-surface-hover);
  --sidebar-muted-foreground: hsl(0 0% 85%);
  --sidebar-border: var(--kui-line-soft);
  --content-bg: var(--kui-surface-canvas);
  --navbar-bg: var(--kui-surface-nav);
  --border-color: var(--kui-line);
  --card-bg: var(--kui-surface-panel);
  --success: 152 69% 45%;
  --success-light: 152 50% 15%;
  --warning: 38 92% 55%;
  --warning-light: 38 70% 15%;
  --danger: 0 84% 60%;
  --danger-light: 0 60% 15%;
}