/* GENERATED by scripts/vendor_design_system.py from the dark block of rk-tokens.css.
   Applies the dark tokens when the system prefers dark and no explicit light choice was made. */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not([data-theme='light']) {
    /* Lifted for WCAG AA on the dark card background. Tools that set a
     * custom --brand-accent are expected to lift it here too. */
    --brand-accent: 212 95% 66%;

    --background: 220 20% 8%;
    --foreground: 210 33% 95%;
    --card: 220 18% 12%;
    --card-foreground: 210 33% 95%;
    --popover: 220 18% 12%;
    --popover-foreground: 210 33% 95%;
    --muted: 220 16% 16%;
    --muted-foreground: 216 14% 65%;
    --primary: 210 33% 95%;
    --primary-foreground: 220 20% 8%;
    --secondary: 220 16% 16%;
    --secondary-foreground: 210 33% 95%;

    --accent: var(--brand-accent);
    --accent-foreground: 220 30% 10%;

    --border: 220 16% 20%;
    --input: 220 16% 20%;
    --ring: var(--brand-accent);

    --destructive: 0 72% 50%;
    --destructive-foreground: 0 0% 98%;
    --success: 160 84% 39%;
    --warning: 37 92% 54%;
    --info: var(--accent);

    --health-healthy: 142 69% 58%;
    --health-degraded: 38 92% 60%;
    --health-down: 0 84% 68%;
    --health-unknown: 216 14% 65%;

    --shadow-card: 0 1px 2px 0 hsl(0 0% 0% / 0.32);
    --shadow-raised: 0 4px 12px -2px hsl(0 0% 0% / 0.44);
    --shadow-popover: 0 8px 24px -4px hsl(0 0% 0% / 0.52);
    --shadow-modal: 0 24px 48px -12px hsl(0 0% 0% / 0.64);

    color-scheme: dark;
  }
}