@media (prefers-color-scheme: dark) {
    :root {
        --color-ai-solid-blue-strong: #0968f6;
        --color-ai-solid-blue-subtle: #112c31;
        --color-ai-solid-green-strong: #4ee04b;
        --color-ai-solid-green-subtle: #112611;
        --color-ai-solid-purple-strong: #993ee0;
        --color-ai-solid-purple-subtle: #20172f;
        --color-ai-solid-red-strong: #ff4242;
        --color-ai-solid-red-subtle: #321919;
        --color-ai-solid-yellow-strong: #ffd80e;
        --color-background-accent: var(--color-blue-400);
        --color-background-attention: var(--color-red-400);
        --color-background-disabled: var(--color-neutral-600);
        --color-background-education: var(--color-indigo-800);
        --color-background-elevated: var(--color-neutral-800);
        --color-background-inverse: var(--color-neutral-300);
        --color-background-on-image: rgba(0, 0, 0, 0.9);
        --color-background-on-secondary: var(--color-neutral-900);
        --color-background-primary: var(--color-neutral-900);
        --color-background-secondary-on-elevated: var(--color-neutral-900);
        --color-background-secondary: var(--color-neutral-800);
        --color-background-strong: var(--color-neutral-200);
        --color-background-success: var(--color-kiwi-500);
        --color-background-tertiary: var(--color-neutral-700);
        --color-background-transparent: var(--color-clear);
        --color-border-accent: var(--color-blue-400);
        --color-border-attention: var(--color-red-400);
        --color-border-disabled: var(--color-neutral-700);
        --color-border-inverse: var(--color-neutral-900);
        --color-border-medium: var(--color-neutral-600);
        --color-border-on-accent: var(--color-neutral-800);
        --color-border-on-attention: var(--color-neutral-800);
        --color-border-on-disabled: var(--color-neutral-800);
        --color-border-on-inverse: var(--color-neutral-800);
        --color-border-on-success: var(--color-neutral-800);
        --color-border-strong: var(--color-neutral-100);
        --color-border-subtle: var(--color-neutral-700);
        --color-border-success: var(--color-kiwi-500);
        --color-brand-1: var(--color-red-500);
        --color-brand-2: var(--color-blue-500);
        --color-brand-3: var(--color-yellow-400);
        --color-brand-4: var(--color-green-500);
        --color-foreground-accent: var(--color-blue-400);
        --color-foreground-attention: var(--color-red-400);
        --color-foreground-disabled: var(--color-neutral-600);
        --color-foreground-link-legal: var(--color-blue-400);
        --color-foreground-link-primary: var(--color-foreground-primary);
        --color-foreground-link-visited: var(--color-pink-400);
        --color-foreground-on-accent: var(--color-neutral-800);
        --color-foreground-on-attention: var(--color-neutral-800);
        --color-foreground-on-disabled: var(--color-neutral-800);
        --color-foreground-on-inverse: var(--color-neutral-800);
        --color-foreground-on-strong: var(--color-neutral-800);
        --color-foreground-on-success: var(--color-neutral-800);
        --color-foreground-primary: var(--color-neutral-200);
        --color-foreground-secondary: var(--color-neutral-500);
        --color-foreground-success: var(--color-kiwi-400);
        --color-gradient-ai-blue-strong: linear-gradient(
            to right,
            var(--color-ai-solid-purple-strong),
            var(--color-ai-solid-blue-strong) 50%,
            var(--color-ai-solid-green-strong) 100%
        );
        --color-gradient-ai-blue-subtle: linear-gradient(
            to right,
            var(--color-ai-solid-purple-subtle),
            var(--color-ai-solid-blue-subtle) 50%,
            var(--color-ai-solid-green-subtle) 100%
        );
        --color-gradient-ai-full-color-diagonal: linear-gradient(
            135deg,
            var(--color-ai-solid-green-strong) 10%,
            var(--color-ai-solid-blue-strong) 27%,
            var(--color-ai-solid-purple-strong) 42%,
            var(--color-ai-solid-red-strong) 56%,
            var(--color-ai-solid-yellow-strong) 78%
        );
        --color-gradient-ai-green-strong: linear-gradient(
            to right,
            var(--color-ai-solid-blue-strong),
            var(--color-ai-solid-green-strong) 100%
        );
        --color-gradient-ai-green-subtle: linear-gradient(
            to right,
            var(--color-ai-solid-blue-subtle),
            var(--color-ai-solid-green-subtle) 100%
        );
        --color-gradient-ai-purple-strong: linear-gradient(
            to right,
            var(--color-ai-solid-red-strong),
            var(--color-ai-solid-purple-strong) 100%
        );
        --color-gradient-ai-purple-subtle: linear-gradient(
            to right,
            var(--color-ai-solid-red-subtle),
            var(--color-ai-solid-purple-subtle) 100%
        );
        --color-gradient-image-scrim: linear-gradient(
            90deg,
            rgba(248, 248, 248, 0) 52%,
            rgba(248, 248, 248, 0.03)
        );
        --color-gradient-loading-shimmer-on-secondary: linear-gradient(
            90deg,
            rgba(35, 35, 35, 0),
            rgba(35, 35, 35, 0.6) 25%,
            rgba(35, 35, 35, 0.85) 37%,
            rgba(35, 35, 35, 0.95) 48%,
            rgba(35, 35, 35, 0.95) 51%,
            rgba(35, 35, 35, 0.85) 61%,
            rgba(35, 35, 35, 0.6) 74%,
            rgba(35, 35, 35, 0)
        );
        --color-gradient-loading-shimmer: linear-gradient(
            90deg,
            rgba(27, 27, 27, 0),
            rgba(27, 27, 27, 0.6) 25%,
            rgba(27, 27, 27, 0.85) 37%,
            rgba(27, 27, 27, 0.95) 48%,
            rgba(27, 27, 27, 0.95) 51%,
            rgba(27, 27, 27, 0.85) 61%,
            rgba(27, 27, 27, 0.6) 74%,
            rgba(27, 27, 27, 0)
        );
        --color-loading-fill-on-secondary: #353535;
        --color-loading-fill: #2d2d2d;
        --color-loading-on-primary-state-1: var(--color-neutral-800);
        --color-loading-on-primary-state-2: var(--color-neutral-700);
        --color-loading-on-secondary-state-1: var(--color-neutral-700);
        --color-loading-on-secondary-state-2: var(--color-neutral-600);
        --color-scrim-background: rgba(0, 0, 0, 0.64);
        --color-state-layer-focus-on-strong: rgba(0, 0, 0, 0.08);
        --color-state-layer-focus: rgba(255, 255, 255, 0.08);
        --color-state-layer-hover-on-strong: rgba(0, 0, 0, 0.08);
        --color-state-layer-hover: rgba(255, 255, 255, 0.08);
        --color-state-layer-pressed-on-strong: rgba(0, 0, 0, 0.12);
        --color-state-layer-pressed: rgba(255, 255, 255, 0.12);
        --color-state-layer-selected-on-strong: rgba(0, 0, 0, 0.16);
        --color-state-layer-selected: rgba(255, 255, 255, 0.16);
        --color-background-faint: rgba(var(--color-neutral-100-rgb), 0.05);
        --color-background-confirmation: var(--color-background-success);
        --color-background-information: var(--color-blue-500);
        --color-background-invalid: var(--color-red-200);
        --color-background-strong-rgb: var(--color-neutral-200-rgb);
        --color-foreground-confirmation: var(--color-foreground-success);
        --color-foreground-information: var(--color-blue-400);
        --color-foreground-visited: var(--color-foreground-link-visited);
        --color-foreground-on-primary: var(--color-foreground-primary);
        --color-foreground-on-secondary: var(--color-foreground-secondary);
        --color-foreground-on-confirmation: var(--color-foreground-on-success);
        --color-foreground-on-information: var(--color-foreground-on-success);
        --color-stroke-default: var(--color-border-medium);
        --color-stroke-accent: var(--color-border-accent);
        --color-stroke-on-accent: var(--color-border-on-accent);
        --color-stroke-attention: var(--color-border-attention);
        --color-stroke-on-attention: var(--color-border-on-attention);
        --color-stroke-confirmation: var(--color-border-success);
        --color-stroke-on-confirmation: var(--color-border-on-success);
        --color-stroke-information: var(--color-border-accent);
        --color-stroke-disabled: var(--color-border-disabled);
        --color-stroke-on-disabled: var(--color-border-on-disabled);
        --color-stroke-strong: var(--color-border-strong);
        --color-stroke-subtle: var(--color-border-subtle);
        --color-stroke-inverse: var(--color-border-on-inverse);
        --color-state-visited: var(--color-magenta-3);
        --color-state-primary-hover: #17212c;
        --color-state-primary-active: #1e2a38;
        --color-state-secondary-hover: #3e3e3e;
        --color-state-secondary-hover-rgb: 62, 62, 62;
        --color-state-secondary-active: #464646;
        --color-state-secondary-active-rgb: 70, 70, 70;
        --color-state-inverse-hover: #f7f7f7;
        --color-state-inverse-active: #f8f8f8;
        --color-state-accent-hover: #6ba2ff;
        --color-state-hover-foreground-on-secondary: #6ba2ff;
        --color-state-accent-active: #71a6ff;
        --color-state-active-foreground-on-secondary: #6ba2ff;
        --color-state-attention-hover: #ff6988;
        --color-state-attention-active: #ff6383;
        --color-state-hover-foreground-on-secondary-desctructive: #ff6988;
        --color-state-active-foreground-on-secondary-desctructive: #ff6383;
        --color-data-viz-grid: var(--color-neutral-400);
        --color-data-viz-labels: var(--color-neutral-500);
        --color-data-viz-legend: var(--color-neutral-300);
        --color-data-viz-legend-inactive: var(--color-neutral-500);
        --color-data-viz-legend-hover: var(--color-neutral-100);
        --color-data-viz-line-chart-primary: var(--color-blue-400);
        --color-data-viz-line-chart-secondary: var(--color-indigo-200);
        --color-data-viz-line-chart-tertiary: var(--color-teal-400);
        --color-data-viz-line-chart-queternary: var(--color-pink-400);
        --color-data-viz-line-chart-quinary: var(--color-pink-300);
        --color-data-viz-trend-positive: var(--color-kiwi-500);
        --color-data-viz-trend-negative: var(--color-red-400);
        --color-data-viz-chart-primary: var(--color-blue-500);
        --color-data-viz-chart-secondary: var(--color-blue-300);
        --color-data-viz-chart-tertiary-background: var(--color-blue-6);
        --color-data-viz-chart-tertiary-stroke: var(--color-blue-400);
        --color-data-viz-chart-quaternary-background: var(--color-teal-600);
        --color-data-viz-chart-quaternary-stroke: var(--color-teal-400);
        --color-data-viz-chart-quinary-background: var(--color-teal-7);
        --color-data-viz-chart-quinary-stroke: var(--color-teal-400);
        --color-data-viz-tooltip-shadow-primary: #ffffff26;
        --color-data-viz-tooltip-shadow-secondary: #ffffff2b;
        --color-scrim-image: rgba(255, 255, 255, 0.12);
        --state-layer-neutral: rgb(var(--color-neutral-100-rgb), 0);
        --state-layer-neutral-on-strong: rgb(var(--color-neutral-900-rgb), 0);
        --state-layer-focus-on-strong: rgb(
            var(--color-neutral-900-rgb),
            var(--opacity-100)
        );
        --state-layer-hover-on-strong: rgb(
            var(--color-neutral-900-rgb),
            var(--opacity-100)
        );
        --state-layer-pressed-on-strong: rgb(
            var(--color-neutral-900-rgb),
            var(--opacity-150)
        );
        --state-layer-drag: rgb(
            var(--color-neutral-100-rgb),
            var(--opacity-150)
        );
        --color-ai-gradient-full-spectrum: var(
            --color-gradient-ai-full-color-diagonal
        );
        --color-ai-gradient-green-strong: var(--color-gradient-ai-green-strong);
        --color-ai-gradient-blue-strong: var(--color-gradient-ai-blue-strong);
        --color-ai-gradient-purple-strong: var(
            --color-gradient-ai-purple-strong
        );
        --color-ai-gradient-purple-subtle: var(
            --color-gradient-ai-purple-subtle
        );
        --color-ai-gradient-blue-subtle: var(--color-gradient-ai-blue-subtle);
        --color-ai-gradient-green-subtle: var(--color-gradient-ai-green-subtle);
        --color-loading-overlay: var(--color-neutral-900-rgb), 0.7;
        --color-loading-first: var(--color-neutral-800);
        --color-loading-second: var(--color-neutral-700);
        --color-loading-on-secondary-first: var(--color-neutral-700);
        --color-loading-on-secondary-second: var(--color-neutral-600);
        --color-loading-shimmer: linear-gradient(
            270deg,
            var(--color-loading-fill) 0%,
            var(--color-loading-fill) 34%,
            #1b1b1b 50%,
            var(--color-loading-fill) 66%,
            var(--color-loading-fill) 100%
        );
        --color-loading-shimmer-on-secondary: linear-gradient(
            270deg,
            var(--color-loading-fill-on-secondary) 0%,
            var(--color-loading-fill-on-secondary) 34%,
            #232323 50%,
            var(--color-loading-fill-on-secondary) 66%,
            var(--color-loading-fill-on-secondary) 100%
        );
        --color-loading-ai-gradient-purple-subtle: linear-gradient(
            270deg,
            var(--color-ai-solid-purple-subtle-dark) 0%,
            var(--color-ai-solid-red-subtle-dark) 100%
        );
        --color-loading-ai-gradient-blue-subtle: linear-gradient(
            270deg,
            var(--color-ai-solid-green-subtle-dark) -36%,
            var(--color-ai-solid-blue-subtle-dark) 38.5%,
            var(--color-ai-solid-purple-subtle-dark) 113%
        );
        --color-loading-ai-gradient-green-subtle: linear-gradient(
            270deg,
            var(--color-ai-solid-green-subtle-dark) 0%,
            var(--color-ai-solid-blue-subtle-dark) 154.5%
        );
    }
}