/*
 * Global theme activation.
 *
 * With no data-theme override, the document follows the operating-system
 * preference. data-theme is reserved for an explicit light or dark choice.
 */

:root {
  color-scheme: light dark;
  --sigvelo-color-canvas: var(--sigvelo-color-canvas-light);
  --sigvelo-color-surface-under: var(--sigvelo-color-surface-under-light);
  --sigvelo-color-surface: var(--sigvelo-color-surface-light);
  --sigvelo-color-surface-raised: var(--sigvelo-color-surface-raised-light);
  --sigvelo-color-surface-sunken: var(--sigvelo-color-surface-sunken-light);
  --sigvelo-color-surface-glass: var(--sigvelo-color-surface-glass-light);
  --sigvelo-color-text: var(--sigvelo-color-text-light);
  --sigvelo-color-text-muted: var(--sigvelo-color-text-muted-light);
  --sigvelo-color-text-subtle: var(--sigvelo-color-text-subtle-light);
  --sigvelo-color-text-faint: var(--sigvelo-color-text-faint-light);
  --sigvelo-color-viz-series-1: var(--sigvelo-color-viz-series-1-light);
  --sigvelo-color-viz-series-2: var(--sigvelo-color-viz-series-2-light);
  --sigvelo-color-viz-series-3: var(--sigvelo-color-viz-series-3-light);
  --sigvelo-color-viz-series-4: var(--sigvelo-color-viz-series-4-light);
  --sigvelo-color-viz-series-5: var(--sigvelo-color-viz-series-5-light);
  --sigvelo-color-viz-series-6: var(--sigvelo-color-viz-series-6-light);
  --sigvelo-color-focus: var(--sigvelo-color-focus-light);
  --sigvelo-focus-ring: var(--sigvelo-focus-ring-light);
  --sigvelo-color-backdrop: var(--sigvelo-color-backdrop-light);
  --sigvelo-color-selection-bg: var(--sigvelo-color-selection-bg-light);
  --sigvelo-color-selection-text: var(--sigvelo-color-selection-text-light);
  --sigvelo-elevation-hairline: var(--sigvelo-elevation-hairline-light);
  --sigvelo-elevation-bar: var(--sigvelo-elevation-bar-light);
  --sigvelo-elevation-raised: var(--sigvelo-elevation-raised-light);
  --sigvelo-elevation-floating: var(--sigvelo-elevation-floating-light);
  --sigvelo-elevation-overlay: var(--sigvelo-elevation-overlay-light);
  --sigvelo-color-primary-bg-subtle: var(--sigvelo-color-primary-bg-subtle-light);
  --sigvelo-color-primary-bg-muted: var(--sigvelo-color-primary-bg-muted-light);
  --sigvelo-color-primary-bg: var(--sigvelo-color-primary-bg-light);
  --sigvelo-color-primary-bg-strong: var(--sigvelo-color-primary-bg-strong-light);
  --sigvelo-color-primary-bg-stronger: var(--sigvelo-color-primary-bg-stronger-light);
  --sigvelo-color-primary-text-on-subtle: var(--sigvelo-color-primary-text-on-subtle-light);
  --sigvelo-color-primary-text-on-bg: var(--sigvelo-color-primary-text-on-bg-light);
  --sigvelo-color-primary-text-on-strong: var(--sigvelo-color-primary-text-on-strong-light);
  --sigvelo-color-primary-text: var(--sigvelo-color-primary-text-light);
  --sigvelo-color-primary-border-subtle: var(--sigvelo-color-primary-border-subtle-light);
  --sigvelo-color-primary-border-muted: var(--sigvelo-color-primary-border-muted-light);
  --sigvelo-color-primary-border: var(--sigvelo-color-primary-border-light);
  --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-bg-subtle-light);
  --sigvelo-color-neutral-bg-muted: var(--sigvelo-color-neutral-bg-muted-light);
  --sigvelo-color-neutral-bg: var(--sigvelo-color-neutral-bg-light);
  --sigvelo-color-neutral-bg-strong: var(--sigvelo-color-neutral-bg-strong-light);
  --sigvelo-color-neutral-bg-stronger: var(--sigvelo-color-neutral-bg-stronger-light);
  --sigvelo-color-neutral-text-on-subtle: var(--sigvelo-color-neutral-text-on-subtle-light);
  --sigvelo-color-neutral-text-on-bg: var(--sigvelo-color-neutral-text-on-bg-light);
  --sigvelo-color-neutral-text-on-strong: var(--sigvelo-color-neutral-text-on-strong-light);
  --sigvelo-color-neutral-text: var(--sigvelo-color-neutral-text-light);
  --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-border-subtle-light);
  --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-border-muted-light);
  --sigvelo-color-neutral-border: var(--sigvelo-color-neutral-border-light);
  --sigvelo-color-success-bg-subtle: var(--sigvelo-color-success-bg-subtle-light);
  --sigvelo-color-success-bg-muted: var(--sigvelo-color-success-bg-muted-light);
  --sigvelo-color-success-bg: var(--sigvelo-color-success-bg-light);
  --sigvelo-color-success-bg-strong: var(--sigvelo-color-success-bg-strong-light);
  --sigvelo-color-success-bg-stronger: var(--sigvelo-color-success-bg-stronger-light);
  --sigvelo-color-success-text-on-subtle: var(--sigvelo-color-success-text-on-subtle-light);
  --sigvelo-color-success-text-on-bg: var(--sigvelo-color-success-text-on-bg-light);
  --sigvelo-color-success-text-on-strong: var(--sigvelo-color-success-text-on-strong-light);
  --sigvelo-color-success-text: var(--sigvelo-color-success-text-light);
  --sigvelo-color-success-border-subtle: var(--sigvelo-color-success-border-subtle-light);
  --sigvelo-color-success-border-muted: var(--sigvelo-color-success-border-muted-light);
  --sigvelo-color-success-border: var(--sigvelo-color-success-border-light);
  --sigvelo-color-warning-bg-subtle: var(--sigvelo-color-warning-bg-subtle-light);
  --sigvelo-color-warning-bg-muted: var(--sigvelo-color-warning-bg-muted-light);
  --sigvelo-color-warning-bg: var(--sigvelo-color-warning-bg-light);
  --sigvelo-color-warning-bg-strong: var(--sigvelo-color-warning-bg-strong-light);
  --sigvelo-color-warning-bg-stronger: var(--sigvelo-color-warning-bg-stronger-light);
  --sigvelo-color-warning-text-on-subtle: var(--sigvelo-color-warning-text-on-subtle-light);
  --sigvelo-color-warning-text-on-bg: var(--sigvelo-color-warning-text-on-bg-light);
  --sigvelo-color-warning-text-on-strong: var(--sigvelo-color-warning-text-on-strong-light);
  --sigvelo-color-warning-text: var(--sigvelo-color-warning-text-light);
  --sigvelo-color-warning-border-subtle: var(--sigvelo-color-warning-border-subtle-light);
  --sigvelo-color-warning-border-muted: var(--sigvelo-color-warning-border-muted-light);
  --sigvelo-color-warning-border: var(--sigvelo-color-warning-border-light);
  --sigvelo-color-danger-bg-subtle: var(--sigvelo-color-danger-bg-subtle-light);
  --sigvelo-color-danger-bg-muted: var(--sigvelo-color-danger-bg-muted-light);
  --sigvelo-color-danger-bg: var(--sigvelo-color-danger-bg-light);
  --sigvelo-color-danger-bg-strong: var(--sigvelo-color-danger-bg-strong-light);
  --sigvelo-color-danger-bg-stronger: var(--sigvelo-color-danger-bg-stronger-light);
  --sigvelo-color-danger-text-on-subtle: var(--sigvelo-color-danger-text-on-subtle-light);
  --sigvelo-color-danger-text-on-bg: var(--sigvelo-color-danger-text-on-bg-light);
  --sigvelo-color-danger-text-on-strong: var(--sigvelo-color-danger-text-on-strong-light);
  --sigvelo-color-danger-text: var(--sigvelo-color-danger-text-light);
  --sigvelo-color-danger-border-subtle: var(--sigvelo-color-danger-border-subtle-light);
  --sigvelo-color-danger-border-muted: var(--sigvelo-color-danger-border-muted-light);
  --sigvelo-color-danger-border: var(--sigvelo-color-danger-border-light);
  accent-color: var(--sigvelo-color-primary-bg);
  color: var(--sigvelo-color-text);
}

@media (prefers-color-scheme: dark) {
  :root {
    --sigvelo-color-canvas: var(--sigvelo-color-canvas-dark);
    --sigvelo-color-surface-under: var(--sigvelo-color-surface-under-dark);
    --sigvelo-color-surface: var(--sigvelo-color-surface-dark);
    --sigvelo-color-surface-raised: var(--sigvelo-color-surface-raised-dark);
    --sigvelo-color-surface-sunken: var(--sigvelo-color-surface-sunken-dark);
    --sigvelo-color-surface-glass: var(--sigvelo-color-surface-glass-dark);
    --sigvelo-color-text: var(--sigvelo-color-text-dark);
    --sigvelo-color-text-muted: var(--sigvelo-color-text-muted-dark);
    --sigvelo-color-text-subtle: var(--sigvelo-color-text-subtle-dark);
    --sigvelo-color-text-faint: var(--sigvelo-color-text-faint-dark);
    --sigvelo-color-viz-series-1: var(--sigvelo-color-viz-series-1-dark);
    --sigvelo-color-viz-series-2: var(--sigvelo-color-viz-series-2-dark);
    --sigvelo-color-viz-series-3: var(--sigvelo-color-viz-series-3-dark);
    --sigvelo-color-viz-series-4: var(--sigvelo-color-viz-series-4-dark);
    --sigvelo-color-viz-series-5: var(--sigvelo-color-viz-series-5-dark);
    --sigvelo-color-viz-series-6: var(--sigvelo-color-viz-series-6-dark);
    --sigvelo-color-focus: var(--sigvelo-color-focus-dark);
    --sigvelo-focus-ring: var(--sigvelo-focus-ring-dark);
    --sigvelo-color-backdrop: var(--sigvelo-color-backdrop-dark);
    --sigvelo-color-selection-bg: var(--sigvelo-color-selection-bg-dark);
    --sigvelo-color-selection-text: var(--sigvelo-color-selection-text-dark);
    --sigvelo-elevation-hairline: var(--sigvelo-elevation-hairline-dark);
    --sigvelo-elevation-bar: var(--sigvelo-elevation-bar-dark);
    --sigvelo-elevation-raised: var(--sigvelo-elevation-raised-dark);
    --sigvelo-elevation-floating: var(--sigvelo-elevation-floating-dark);
    --sigvelo-elevation-overlay: var(--sigvelo-elevation-overlay-dark);
    --sigvelo-color-primary-bg-subtle: var(--sigvelo-color-primary-bg-subtle-dark);
    --sigvelo-color-primary-bg-muted: var(--sigvelo-color-primary-bg-muted-dark);
    --sigvelo-color-primary-bg: var(--sigvelo-color-primary-bg-dark);
    --sigvelo-color-primary-bg-strong: var(--sigvelo-color-primary-bg-strong-dark);
    --sigvelo-color-primary-bg-stronger: var(--sigvelo-color-primary-bg-stronger-dark);
    --sigvelo-color-primary-text-on-subtle: var(--sigvelo-color-primary-text-on-subtle-dark);
    --sigvelo-color-primary-text-on-bg: var(--sigvelo-color-primary-text-on-bg-dark);
    --sigvelo-color-primary-text-on-strong: var(--sigvelo-color-primary-text-on-strong-dark);
    --sigvelo-color-primary-text: var(--sigvelo-color-primary-text-dark);
    --sigvelo-color-primary-border-subtle: var(--sigvelo-color-primary-border-subtle-dark);
    --sigvelo-color-primary-border-muted: var(--sigvelo-color-primary-border-muted-dark);
    --sigvelo-color-primary-border: var(--sigvelo-color-primary-border-dark);
    --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-bg-subtle-dark);
    --sigvelo-color-neutral-bg-muted: var(--sigvelo-color-neutral-bg-muted-dark);
    --sigvelo-color-neutral-bg: var(--sigvelo-color-neutral-bg-dark);
    --sigvelo-color-neutral-bg-strong: var(--sigvelo-color-neutral-bg-strong-dark);
    --sigvelo-color-neutral-bg-stronger: var(--sigvelo-color-neutral-bg-stronger-dark);
    --sigvelo-color-neutral-text-on-subtle: var(--sigvelo-color-neutral-text-on-subtle-dark);
    --sigvelo-color-neutral-text-on-bg: var(--sigvelo-color-neutral-text-on-bg-dark);
    --sigvelo-color-neutral-text-on-strong: var(--sigvelo-color-neutral-text-on-strong-dark);
    --sigvelo-color-neutral-text: var(--sigvelo-color-neutral-text-dark);
    --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-border-subtle-dark);
    --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-border-muted-dark);
    --sigvelo-color-neutral-border: var(--sigvelo-color-neutral-border-dark);
    --sigvelo-color-success-bg-subtle: var(--sigvelo-color-success-bg-subtle-dark);
    --sigvelo-color-success-bg-muted: var(--sigvelo-color-success-bg-muted-dark);
    --sigvelo-color-success-bg: var(--sigvelo-color-success-bg-dark);
    --sigvelo-color-success-bg-strong: var(--sigvelo-color-success-bg-strong-dark);
    --sigvelo-color-success-bg-stronger: var(--sigvelo-color-success-bg-stronger-dark);
    --sigvelo-color-success-text-on-subtle: var(--sigvelo-color-success-text-on-subtle-dark);
    --sigvelo-color-success-text-on-bg: var(--sigvelo-color-success-text-on-bg-dark);
    --sigvelo-color-success-text-on-strong: var(--sigvelo-color-success-text-on-strong-dark);
    --sigvelo-color-success-text: var(--sigvelo-color-success-text-dark);
    --sigvelo-color-success-border-subtle: var(--sigvelo-color-success-border-subtle-dark);
    --sigvelo-color-success-border-muted: var(--sigvelo-color-success-border-muted-dark);
    --sigvelo-color-success-border: var(--sigvelo-color-success-border-dark);
    --sigvelo-color-warning-bg-subtle: var(--sigvelo-color-warning-bg-subtle-dark);
    --sigvelo-color-warning-bg-muted: var(--sigvelo-color-warning-bg-muted-dark);
    --sigvelo-color-warning-bg: var(--sigvelo-color-warning-bg-dark);
    --sigvelo-color-warning-bg-strong: var(--sigvelo-color-warning-bg-strong-dark);
    --sigvelo-color-warning-bg-stronger: var(--sigvelo-color-warning-bg-stronger-dark);
    --sigvelo-color-warning-text-on-subtle: var(--sigvelo-color-warning-text-on-subtle-dark);
    --sigvelo-color-warning-text-on-bg: var(--sigvelo-color-warning-text-on-bg-dark);
    --sigvelo-color-warning-text-on-strong: var(--sigvelo-color-warning-text-on-strong-dark);
    --sigvelo-color-warning-text: var(--sigvelo-color-warning-text-dark);
    --sigvelo-color-warning-border-subtle: var(--sigvelo-color-warning-border-subtle-dark);
    --sigvelo-color-warning-border-muted: var(--sigvelo-color-warning-border-muted-dark);
    --sigvelo-color-warning-border: var(--sigvelo-color-warning-border-dark);
    --sigvelo-color-danger-bg-subtle: var(--sigvelo-color-danger-bg-subtle-dark);
    --sigvelo-color-danger-bg-muted: var(--sigvelo-color-danger-bg-muted-dark);
    --sigvelo-color-danger-bg: var(--sigvelo-color-danger-bg-dark);
    --sigvelo-color-danger-bg-strong: var(--sigvelo-color-danger-bg-strong-dark);
    --sigvelo-color-danger-bg-stronger: var(--sigvelo-color-danger-bg-stronger-dark);
    --sigvelo-color-danger-text-on-subtle: var(--sigvelo-color-danger-text-on-subtle-dark);
    --sigvelo-color-danger-text-on-bg: var(--sigvelo-color-danger-text-on-bg-dark);
    --sigvelo-color-danger-text-on-strong: var(--sigvelo-color-danger-text-on-strong-dark);
    --sigvelo-color-danger-text: var(--sigvelo-color-danger-text-dark);
    --sigvelo-color-danger-border-subtle: var(--sigvelo-color-danger-border-subtle-dark);
    --sigvelo-color-danger-border-muted: var(--sigvelo-color-danger-border-muted-dark);
    --sigvelo-color-danger-border: var(--sigvelo-color-danger-border-dark);
  }
}

[data-theme="light"] {
  color-scheme: light;
  --sigvelo-color-canvas: var(--sigvelo-color-canvas-light);
  --sigvelo-color-surface-under: var(--sigvelo-color-surface-under-light);
  --sigvelo-color-surface: var(--sigvelo-color-surface-light);
  --sigvelo-color-surface-raised: var(--sigvelo-color-surface-raised-light);
  --sigvelo-color-surface-sunken: var(--sigvelo-color-surface-sunken-light);
  --sigvelo-color-surface-glass: var(--sigvelo-color-surface-glass-light);
  --sigvelo-color-text: var(--sigvelo-color-text-light);
  --sigvelo-color-text-muted: var(--sigvelo-color-text-muted-light);
  --sigvelo-color-text-subtle: var(--sigvelo-color-text-subtle-light);
  --sigvelo-color-text-faint: var(--sigvelo-color-text-faint-light);
  --sigvelo-color-viz-series-1: var(--sigvelo-color-viz-series-1-light);
  --sigvelo-color-viz-series-2: var(--sigvelo-color-viz-series-2-light);
  --sigvelo-color-viz-series-3: var(--sigvelo-color-viz-series-3-light);
  --sigvelo-color-viz-series-4: var(--sigvelo-color-viz-series-4-light);
  --sigvelo-color-viz-series-5: var(--sigvelo-color-viz-series-5-light);
  --sigvelo-color-viz-series-6: var(--sigvelo-color-viz-series-6-light);
  --sigvelo-color-focus: var(--sigvelo-color-focus-light);
  --sigvelo-focus-ring: var(--sigvelo-focus-ring-light);
  --sigvelo-color-backdrop: var(--sigvelo-color-backdrop-light);
  --sigvelo-color-selection-bg: var(--sigvelo-color-selection-bg-light);
  --sigvelo-color-selection-text: var(--sigvelo-color-selection-text-light);
  --sigvelo-elevation-hairline: var(--sigvelo-elevation-hairline-light);
  --sigvelo-elevation-bar: var(--sigvelo-elevation-bar-light);
  --sigvelo-elevation-raised: var(--sigvelo-elevation-raised-light);
  --sigvelo-elevation-floating: var(--sigvelo-elevation-floating-light);
  --sigvelo-elevation-overlay: var(--sigvelo-elevation-overlay-light);
  --sigvelo-color-primary-bg-subtle: var(--sigvelo-color-primary-bg-subtle-light);
  --sigvelo-color-primary-bg-muted: var(--sigvelo-color-primary-bg-muted-light);
  --sigvelo-color-primary-bg: var(--sigvelo-color-primary-bg-light);
  --sigvelo-color-primary-bg-strong: var(--sigvelo-color-primary-bg-strong-light);
  --sigvelo-color-primary-bg-stronger: var(--sigvelo-color-primary-bg-stronger-light);
  --sigvelo-color-primary-text-on-subtle: var(--sigvelo-color-primary-text-on-subtle-light);
  --sigvelo-color-primary-text-on-bg: var(--sigvelo-color-primary-text-on-bg-light);
  --sigvelo-color-primary-text-on-strong: var(--sigvelo-color-primary-text-on-strong-light);
  --sigvelo-color-primary-text: var(--sigvelo-color-primary-text-light);
  --sigvelo-color-primary-border-subtle: var(--sigvelo-color-primary-border-subtle-light);
  --sigvelo-color-primary-border-muted: var(--sigvelo-color-primary-border-muted-light);
  --sigvelo-color-primary-border: var(--sigvelo-color-primary-border-light);
  --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-bg-subtle-light);
  --sigvelo-color-neutral-bg-muted: var(--sigvelo-color-neutral-bg-muted-light);
  --sigvelo-color-neutral-bg: var(--sigvelo-color-neutral-bg-light);
  --sigvelo-color-neutral-bg-strong: var(--sigvelo-color-neutral-bg-strong-light);
  --sigvelo-color-neutral-bg-stronger: var(--sigvelo-color-neutral-bg-stronger-light);
  --sigvelo-color-neutral-text-on-subtle: var(--sigvelo-color-neutral-text-on-subtle-light);
  --sigvelo-color-neutral-text-on-bg: var(--sigvelo-color-neutral-text-on-bg-light);
  --sigvelo-color-neutral-text-on-strong: var(--sigvelo-color-neutral-text-on-strong-light);
  --sigvelo-color-neutral-text: var(--sigvelo-color-neutral-text-light);
  --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-border-subtle-light);
  --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-border-muted-light);
  --sigvelo-color-neutral-border: var(--sigvelo-color-neutral-border-light);
  --sigvelo-color-success-bg-subtle: var(--sigvelo-color-success-bg-subtle-light);
  --sigvelo-color-success-bg-muted: var(--sigvelo-color-success-bg-muted-light);
  --sigvelo-color-success-bg: var(--sigvelo-color-success-bg-light);
  --sigvelo-color-success-bg-strong: var(--sigvelo-color-success-bg-strong-light);
  --sigvelo-color-success-bg-stronger: var(--sigvelo-color-success-bg-stronger-light);
  --sigvelo-color-success-text-on-subtle: var(--sigvelo-color-success-text-on-subtle-light);
  --sigvelo-color-success-text-on-bg: var(--sigvelo-color-success-text-on-bg-light);
  --sigvelo-color-success-text-on-strong: var(--sigvelo-color-success-text-on-strong-light);
  --sigvelo-color-success-text: var(--sigvelo-color-success-text-light);
  --sigvelo-color-success-border-subtle: var(--sigvelo-color-success-border-subtle-light);
  --sigvelo-color-success-border-muted: var(--sigvelo-color-success-border-muted-light);
  --sigvelo-color-success-border: var(--sigvelo-color-success-border-light);
  --sigvelo-color-warning-bg-subtle: var(--sigvelo-color-warning-bg-subtle-light);
  --sigvelo-color-warning-bg-muted: var(--sigvelo-color-warning-bg-muted-light);
  --sigvelo-color-warning-bg: var(--sigvelo-color-warning-bg-light);
  --sigvelo-color-warning-bg-strong: var(--sigvelo-color-warning-bg-strong-light);
  --sigvelo-color-warning-bg-stronger: var(--sigvelo-color-warning-bg-stronger-light);
  --sigvelo-color-warning-text-on-subtle: var(--sigvelo-color-warning-text-on-subtle-light);
  --sigvelo-color-warning-text-on-bg: var(--sigvelo-color-warning-text-on-bg-light);
  --sigvelo-color-warning-text-on-strong: var(--sigvelo-color-warning-text-on-strong-light);
  --sigvelo-color-warning-text: var(--sigvelo-color-warning-text-light);
  --sigvelo-color-warning-border-subtle: var(--sigvelo-color-warning-border-subtle-light);
  --sigvelo-color-warning-border-muted: var(--sigvelo-color-warning-border-muted-light);
  --sigvelo-color-warning-border: var(--sigvelo-color-warning-border-light);
  --sigvelo-color-danger-bg-subtle: var(--sigvelo-color-danger-bg-subtle-light);
  --sigvelo-color-danger-bg-muted: var(--sigvelo-color-danger-bg-muted-light);
  --sigvelo-color-danger-bg: var(--sigvelo-color-danger-bg-light);
  --sigvelo-color-danger-bg-strong: var(--sigvelo-color-danger-bg-strong-light);
  --sigvelo-color-danger-bg-stronger: var(--sigvelo-color-danger-bg-stronger-light);
  --sigvelo-color-danger-text-on-subtle: var(--sigvelo-color-danger-text-on-subtle-light);
  --sigvelo-color-danger-text-on-bg: var(--sigvelo-color-danger-text-on-bg-light);
  --sigvelo-color-danger-text-on-strong: var(--sigvelo-color-danger-text-on-strong-light);
  --sigvelo-color-danger-text: var(--sigvelo-color-danger-text-light);
  --sigvelo-color-danger-border-subtle: var(--sigvelo-color-danger-border-subtle-light);
  --sigvelo-color-danger-border-muted: var(--sigvelo-color-danger-border-muted-light);
  --sigvelo-color-danger-border: var(--sigvelo-color-danger-border-light);
  color: var(--sigvelo-color-text);
}

[data-theme="dark"] {
  color-scheme: dark;
  --sigvelo-color-canvas: var(--sigvelo-color-canvas-dark);
  --sigvelo-color-surface-under: var(--sigvelo-color-surface-under-dark);
  --sigvelo-color-surface: var(--sigvelo-color-surface-dark);
  --sigvelo-color-surface-raised: var(--sigvelo-color-surface-raised-dark);
  --sigvelo-color-surface-sunken: var(--sigvelo-color-surface-sunken-dark);
  --sigvelo-color-surface-glass: var(--sigvelo-color-surface-glass-dark);
  --sigvelo-color-text: var(--sigvelo-color-text-dark);
  --sigvelo-color-text-muted: var(--sigvelo-color-text-muted-dark);
  --sigvelo-color-text-subtle: var(--sigvelo-color-text-subtle-dark);
  --sigvelo-color-text-faint: var(--sigvelo-color-text-faint-dark);
  --sigvelo-color-viz-series-1: var(--sigvelo-color-viz-series-1-dark);
  --sigvelo-color-viz-series-2: var(--sigvelo-color-viz-series-2-dark);
  --sigvelo-color-viz-series-3: var(--sigvelo-color-viz-series-3-dark);
  --sigvelo-color-viz-series-4: var(--sigvelo-color-viz-series-4-dark);
  --sigvelo-color-viz-series-5: var(--sigvelo-color-viz-series-5-dark);
  --sigvelo-color-viz-series-6: var(--sigvelo-color-viz-series-6-dark);
  --sigvelo-color-focus: var(--sigvelo-color-focus-dark);
  --sigvelo-focus-ring: var(--sigvelo-focus-ring-dark);
  --sigvelo-color-backdrop: var(--sigvelo-color-backdrop-dark);
  --sigvelo-color-selection-bg: var(--sigvelo-color-selection-bg-dark);
  --sigvelo-color-selection-text: var(--sigvelo-color-selection-text-dark);
  --sigvelo-elevation-hairline: var(--sigvelo-elevation-hairline-dark);
  --sigvelo-elevation-bar: var(--sigvelo-elevation-bar-dark);
  --sigvelo-elevation-raised: var(--sigvelo-elevation-raised-dark);
  --sigvelo-elevation-floating: var(--sigvelo-elevation-floating-dark);
  --sigvelo-elevation-overlay: var(--sigvelo-elevation-overlay-dark);
  --sigvelo-color-primary-bg-subtle: var(--sigvelo-color-primary-bg-subtle-dark);
  --sigvelo-color-primary-bg-muted: var(--sigvelo-color-primary-bg-muted-dark);
  --sigvelo-color-primary-bg: var(--sigvelo-color-primary-bg-dark);
  --sigvelo-color-primary-bg-strong: var(--sigvelo-color-primary-bg-strong-dark);
  --sigvelo-color-primary-bg-stronger: var(--sigvelo-color-primary-bg-stronger-dark);
  --sigvelo-color-primary-text-on-subtle: var(--sigvelo-color-primary-text-on-subtle-dark);
  --sigvelo-color-primary-text-on-bg: var(--sigvelo-color-primary-text-on-bg-dark);
  --sigvelo-color-primary-text-on-strong: var(--sigvelo-color-primary-text-on-strong-dark);
  --sigvelo-color-primary-text: var(--sigvelo-color-primary-text-dark);
  --sigvelo-color-primary-border-subtle: var(--sigvelo-color-primary-border-subtle-dark);
  --sigvelo-color-primary-border-muted: var(--sigvelo-color-primary-border-muted-dark);
  --sigvelo-color-primary-border: var(--sigvelo-color-primary-border-dark);
  --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-bg-subtle-dark);
  --sigvelo-color-neutral-bg-muted: var(--sigvelo-color-neutral-bg-muted-dark);
  --sigvelo-color-neutral-bg: var(--sigvelo-color-neutral-bg-dark);
  --sigvelo-color-neutral-bg-strong: var(--sigvelo-color-neutral-bg-strong-dark);
  --sigvelo-color-neutral-bg-stronger: var(--sigvelo-color-neutral-bg-stronger-dark);
  --sigvelo-color-neutral-text-on-subtle: var(--sigvelo-color-neutral-text-on-subtle-dark);
  --sigvelo-color-neutral-text-on-bg: var(--sigvelo-color-neutral-text-on-bg-dark);
  --sigvelo-color-neutral-text-on-strong: var(--sigvelo-color-neutral-text-on-strong-dark);
  --sigvelo-color-neutral-text: var(--sigvelo-color-neutral-text-dark);
  --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-border-subtle-dark);
  --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-border-muted-dark);
  --sigvelo-color-neutral-border: var(--sigvelo-color-neutral-border-dark);
  --sigvelo-color-success-bg-subtle: var(--sigvelo-color-success-bg-subtle-dark);
  --sigvelo-color-success-bg-muted: var(--sigvelo-color-success-bg-muted-dark);
  --sigvelo-color-success-bg: var(--sigvelo-color-success-bg-dark);
  --sigvelo-color-success-bg-strong: var(--sigvelo-color-success-bg-strong-dark);
  --sigvelo-color-success-bg-stronger: var(--sigvelo-color-success-bg-stronger-dark);
  --sigvelo-color-success-text-on-subtle: var(--sigvelo-color-success-text-on-subtle-dark);
  --sigvelo-color-success-text-on-bg: var(--sigvelo-color-success-text-on-bg-dark);
  --sigvelo-color-success-text-on-strong: var(--sigvelo-color-success-text-on-strong-dark);
  --sigvelo-color-success-text: var(--sigvelo-color-success-text-dark);
  --sigvelo-color-success-border-subtle: var(--sigvelo-color-success-border-subtle-dark);
  --sigvelo-color-success-border-muted: var(--sigvelo-color-success-border-muted-dark);
  --sigvelo-color-success-border: var(--sigvelo-color-success-border-dark);
  --sigvelo-color-warning-bg-subtle: var(--sigvelo-color-warning-bg-subtle-dark);
  --sigvelo-color-warning-bg-muted: var(--sigvelo-color-warning-bg-muted-dark);
  --sigvelo-color-warning-bg: var(--sigvelo-color-warning-bg-dark);
  --sigvelo-color-warning-bg-strong: var(--sigvelo-color-warning-bg-strong-dark);
  --sigvelo-color-warning-bg-stronger: var(--sigvelo-color-warning-bg-stronger-dark);
  --sigvelo-color-warning-text-on-subtle: var(--sigvelo-color-warning-text-on-subtle-dark);
  --sigvelo-color-warning-text-on-bg: var(--sigvelo-color-warning-text-on-bg-dark);
  --sigvelo-color-warning-text-on-strong: var(--sigvelo-color-warning-text-on-strong-dark);
  --sigvelo-color-warning-text: var(--sigvelo-color-warning-text-dark);
  --sigvelo-color-warning-border-subtle: var(--sigvelo-color-warning-border-subtle-dark);
  --sigvelo-color-warning-border-muted: var(--sigvelo-color-warning-border-muted-dark);
  --sigvelo-color-warning-border: var(--sigvelo-color-warning-border-dark);
  --sigvelo-color-danger-bg-subtle: var(--sigvelo-color-danger-bg-subtle-dark);
  --sigvelo-color-danger-bg-muted: var(--sigvelo-color-danger-bg-muted-dark);
  --sigvelo-color-danger-bg: var(--sigvelo-color-danger-bg-dark);
  --sigvelo-color-danger-bg-strong: var(--sigvelo-color-danger-bg-strong-dark);
  --sigvelo-color-danger-bg-stronger: var(--sigvelo-color-danger-bg-stronger-dark);
  --sigvelo-color-danger-text-on-subtle: var(--sigvelo-color-danger-text-on-subtle-dark);
  --sigvelo-color-danger-text-on-bg: var(--sigvelo-color-danger-text-on-bg-dark);
  --sigvelo-color-danger-text-on-strong: var(--sigvelo-color-danger-text-on-strong-dark);
  --sigvelo-color-danger-text: var(--sigvelo-color-danger-text-dark);
  --sigvelo-color-danger-border-subtle: var(--sigvelo-color-danger-border-subtle-dark);
  --sigvelo-color-danger-border-muted: var(--sigvelo-color-danger-border-muted-dark);
  --sigvelo-color-danger-border: var(--sigvelo-color-danger-border-dark);
  color: var(--sigvelo-color-text);
}

/* light-dark() removes fallback alias duplication in supporting browsers. */
@supports (color: light-dark(white, black)) {
  :root,
  [data-theme="light"],
  [data-theme="dark"] {
    --sigvelo-color-canvas: light-dark(
      var(--sigvelo-color-canvas-light),
      var(--sigvelo-color-canvas-dark)
    );
    --sigvelo-color-surface-under: light-dark(
      var(--sigvelo-color-surface-under-light),
      var(--sigvelo-color-surface-under-dark)
    );
    --sigvelo-color-surface: light-dark(
      var(--sigvelo-color-surface-light),
      var(--sigvelo-color-surface-dark)
    );
    --sigvelo-color-surface-raised: light-dark(
      var(--sigvelo-color-surface-raised-light),
      var(--sigvelo-color-surface-raised-dark)
    );
    --sigvelo-color-surface-sunken: light-dark(
      var(--sigvelo-color-surface-sunken-light),
      var(--sigvelo-color-surface-sunken-dark)
    );
    --sigvelo-color-surface-glass: light-dark(
      var(--sigvelo-color-surface-glass-light),
      var(--sigvelo-color-surface-glass-dark)
    );
    --sigvelo-color-text: light-dark(
      var(--sigvelo-color-text-light),
      var(--sigvelo-color-text-dark)
    );
    --sigvelo-color-text-muted: light-dark(
      var(--sigvelo-color-text-muted-light),
      var(--sigvelo-color-text-muted-dark)
    );
    --sigvelo-color-text-subtle: light-dark(
      var(--sigvelo-color-text-subtle-light),
      var(--sigvelo-color-text-subtle-dark)
    );
    --sigvelo-color-text-faint: light-dark(
      var(--sigvelo-color-text-faint-light),
      var(--sigvelo-color-text-faint-dark)
    );
    --sigvelo-color-viz-series-1: light-dark(
      var(--sigvelo-color-viz-series-1-light),
      var(--sigvelo-color-viz-series-1-dark)
    );
    --sigvelo-color-viz-series-2: light-dark(
      var(--sigvelo-color-viz-series-2-light),
      var(--sigvelo-color-viz-series-2-dark)
    );
    --sigvelo-color-viz-series-3: light-dark(
      var(--sigvelo-color-viz-series-3-light),
      var(--sigvelo-color-viz-series-3-dark)
    );
    --sigvelo-color-viz-series-4: light-dark(
      var(--sigvelo-color-viz-series-4-light),
      var(--sigvelo-color-viz-series-4-dark)
    );
    --sigvelo-color-viz-series-5: light-dark(
      var(--sigvelo-color-viz-series-5-light),
      var(--sigvelo-color-viz-series-5-dark)
    );
    --sigvelo-color-viz-series-6: light-dark(
      var(--sigvelo-color-viz-series-6-light),
      var(--sigvelo-color-viz-series-6-dark)
    );
    --sigvelo-color-focus: light-dark(
      var(--sigvelo-color-focus-light),
      var(--sigvelo-color-focus-dark)
    );
    --sigvelo-color-backdrop: light-dark(
      var(--sigvelo-color-backdrop-light),
      var(--sigvelo-color-backdrop-dark)
    );
    --sigvelo-color-selection-bg: light-dark(
      var(--sigvelo-color-selection-bg-light),
      var(--sigvelo-color-selection-bg-dark)
    );
    --sigvelo-color-selection-text: light-dark(
      var(--sigvelo-color-selection-text-light),
      var(--sigvelo-color-selection-text-dark)
    );
    --sigvelo-color-primary-bg-subtle: light-dark(
      var(--sigvelo-color-primary-bg-subtle-light),
      var(--sigvelo-color-primary-bg-subtle-dark)
    );
    --sigvelo-color-primary-bg-muted: light-dark(
      var(--sigvelo-color-primary-bg-muted-light),
      var(--sigvelo-color-primary-bg-muted-dark)
    );
    --sigvelo-color-primary-bg: light-dark(
      var(--sigvelo-color-primary-bg-light),
      var(--sigvelo-color-primary-bg-dark)
    );
    --sigvelo-color-primary-bg-strong: light-dark(
      var(--sigvelo-color-primary-bg-strong-light),
      var(--sigvelo-color-primary-bg-strong-dark)
    );
    --sigvelo-color-primary-bg-stronger: light-dark(
      var(--sigvelo-color-primary-bg-stronger-light),
      var(--sigvelo-color-primary-bg-stronger-dark)
    );
    --sigvelo-color-primary-text-on-subtle: light-dark(
      var(--sigvelo-color-primary-text-on-subtle-light),
      var(--sigvelo-color-primary-text-on-subtle-dark)
    );
    --sigvelo-color-primary-text-on-bg: light-dark(
      var(--sigvelo-color-primary-text-on-bg-light),
      var(--sigvelo-color-primary-text-on-bg-dark)
    );
    --sigvelo-color-primary-text-on-strong: light-dark(
      var(--sigvelo-color-primary-text-on-strong-light),
      var(--sigvelo-color-primary-text-on-strong-dark)
    );
    --sigvelo-color-primary-text: light-dark(
      var(--sigvelo-color-primary-text-light),
      var(--sigvelo-color-primary-text-dark)
    );
    --sigvelo-color-primary-border-subtle: light-dark(
      var(--sigvelo-color-primary-border-subtle-light),
      var(--sigvelo-color-primary-border-subtle-dark)
    );
    --sigvelo-color-primary-border-muted: light-dark(
      var(--sigvelo-color-primary-border-muted-light),
      var(--sigvelo-color-primary-border-muted-dark)
    );
    --sigvelo-color-primary-border: light-dark(
      var(--sigvelo-color-primary-border-light),
      var(--sigvelo-color-primary-border-dark)
    );
    --sigvelo-color-neutral-bg-subtle: light-dark(
      var(--sigvelo-color-neutral-bg-subtle-light),
      var(--sigvelo-color-neutral-bg-subtle-dark)
    );
    --sigvelo-color-neutral-bg-muted: light-dark(
      var(--sigvelo-color-neutral-bg-muted-light),
      var(--sigvelo-color-neutral-bg-muted-dark)
    );
    --sigvelo-color-neutral-bg: light-dark(
      var(--sigvelo-color-neutral-bg-light),
      var(--sigvelo-color-neutral-bg-dark)
    );
    --sigvelo-color-neutral-bg-strong: light-dark(
      var(--sigvelo-color-neutral-bg-strong-light),
      var(--sigvelo-color-neutral-bg-strong-dark)
    );
    --sigvelo-color-neutral-bg-stronger: light-dark(
      var(--sigvelo-color-neutral-bg-stronger-light),
      var(--sigvelo-color-neutral-bg-stronger-dark)
    );
    --sigvelo-color-neutral-text-on-subtle: light-dark(
      var(--sigvelo-color-neutral-text-on-subtle-light),
      var(--sigvelo-color-neutral-text-on-subtle-dark)
    );
    --sigvelo-color-neutral-text-on-bg: light-dark(
      var(--sigvelo-color-neutral-text-on-bg-light),
      var(--sigvelo-color-neutral-text-on-bg-dark)
    );
    --sigvelo-color-neutral-text-on-strong: light-dark(
      var(--sigvelo-color-neutral-text-on-strong-light),
      var(--sigvelo-color-neutral-text-on-strong-dark)
    );
    --sigvelo-color-neutral-text: light-dark(
      var(--sigvelo-color-neutral-text-light),
      var(--sigvelo-color-neutral-text-dark)
    );
    --sigvelo-color-neutral-border-subtle: light-dark(
      var(--sigvelo-color-neutral-border-subtle-light),
      var(--sigvelo-color-neutral-border-subtle-dark)
    );
    --sigvelo-color-neutral-border-muted: light-dark(
      var(--sigvelo-color-neutral-border-muted-light),
      var(--sigvelo-color-neutral-border-muted-dark)
    );
    --sigvelo-color-neutral-border: light-dark(
      var(--sigvelo-color-neutral-border-light),
      var(--sigvelo-color-neutral-border-dark)
    );
    --sigvelo-color-success-bg-subtle: light-dark(
      var(--sigvelo-color-success-bg-subtle-light),
      var(--sigvelo-color-success-bg-subtle-dark)
    );
    --sigvelo-color-success-bg-muted: light-dark(
      var(--sigvelo-color-success-bg-muted-light),
      var(--sigvelo-color-success-bg-muted-dark)
    );
    --sigvelo-color-success-bg: light-dark(
      var(--sigvelo-color-success-bg-light),
      var(--sigvelo-color-success-bg-dark)
    );
    --sigvelo-color-success-bg-strong: light-dark(
      var(--sigvelo-color-success-bg-strong-light),
      var(--sigvelo-color-success-bg-strong-dark)
    );
    --sigvelo-color-success-bg-stronger: light-dark(
      var(--sigvelo-color-success-bg-stronger-light),
      var(--sigvelo-color-success-bg-stronger-dark)
    );
    --sigvelo-color-success-text-on-subtle: light-dark(
      var(--sigvelo-color-success-text-on-subtle-light),
      var(--sigvelo-color-success-text-on-subtle-dark)
    );
    --sigvelo-color-success-text-on-bg: light-dark(
      var(--sigvelo-color-success-text-on-bg-light),
      var(--sigvelo-color-success-text-on-bg-dark)
    );
    --sigvelo-color-success-text-on-strong: light-dark(
      var(--sigvelo-color-success-text-on-strong-light),
      var(--sigvelo-color-success-text-on-strong-dark)
    );
    --sigvelo-color-success-text: light-dark(
      var(--sigvelo-color-success-text-light),
      var(--sigvelo-color-success-text-dark)
    );
    --sigvelo-color-success-border-subtle: light-dark(
      var(--sigvelo-color-success-border-subtle-light),
      var(--sigvelo-color-success-border-subtle-dark)
    );
    --sigvelo-color-success-border-muted: light-dark(
      var(--sigvelo-color-success-border-muted-light),
      var(--sigvelo-color-success-border-muted-dark)
    );
    --sigvelo-color-success-border: light-dark(
      var(--sigvelo-color-success-border-light),
      var(--sigvelo-color-success-border-dark)
    );
    --sigvelo-color-warning-bg-subtle: light-dark(
      var(--sigvelo-color-warning-bg-subtle-light),
      var(--sigvelo-color-warning-bg-subtle-dark)
    );
    --sigvelo-color-warning-bg-muted: light-dark(
      var(--sigvelo-color-warning-bg-muted-light),
      var(--sigvelo-color-warning-bg-muted-dark)
    );
    --sigvelo-color-warning-bg: light-dark(
      var(--sigvelo-color-warning-bg-light),
      var(--sigvelo-color-warning-bg-dark)
    );
    --sigvelo-color-warning-bg-strong: light-dark(
      var(--sigvelo-color-warning-bg-strong-light),
      var(--sigvelo-color-warning-bg-strong-dark)
    );
    --sigvelo-color-warning-bg-stronger: light-dark(
      var(--sigvelo-color-warning-bg-stronger-light),
      var(--sigvelo-color-warning-bg-stronger-dark)
    );
    --sigvelo-color-warning-text-on-subtle: light-dark(
      var(--sigvelo-color-warning-text-on-subtle-light),
      var(--sigvelo-color-warning-text-on-subtle-dark)
    );
    --sigvelo-color-warning-text-on-bg: light-dark(
      var(--sigvelo-color-warning-text-on-bg-light),
      var(--sigvelo-color-warning-text-on-bg-dark)
    );
    --sigvelo-color-warning-text-on-strong: light-dark(
      var(--sigvelo-color-warning-text-on-strong-light),
      var(--sigvelo-color-warning-text-on-strong-dark)
    );
    --sigvelo-color-warning-text: light-dark(
      var(--sigvelo-color-warning-text-light),
      var(--sigvelo-color-warning-text-dark)
    );
    --sigvelo-color-warning-border-subtle: light-dark(
      var(--sigvelo-color-warning-border-subtle-light),
      var(--sigvelo-color-warning-border-subtle-dark)
    );
    --sigvelo-color-warning-border-muted: light-dark(
      var(--sigvelo-color-warning-border-muted-light),
      var(--sigvelo-color-warning-border-muted-dark)
    );
    --sigvelo-color-warning-border: light-dark(
      var(--sigvelo-color-warning-border-light),
      var(--sigvelo-color-warning-border-dark)
    );
    --sigvelo-color-danger-bg-subtle: light-dark(
      var(--sigvelo-color-danger-bg-subtle-light),
      var(--sigvelo-color-danger-bg-subtle-dark)
    );
    --sigvelo-color-danger-bg-muted: light-dark(
      var(--sigvelo-color-danger-bg-muted-light),
      var(--sigvelo-color-danger-bg-muted-dark)
    );
    --sigvelo-color-danger-bg: light-dark(
      var(--sigvelo-color-danger-bg-light),
      var(--sigvelo-color-danger-bg-dark)
    );
    --sigvelo-color-danger-bg-strong: light-dark(
      var(--sigvelo-color-danger-bg-strong-light),
      var(--sigvelo-color-danger-bg-strong-dark)
    );
    --sigvelo-color-danger-bg-stronger: light-dark(
      var(--sigvelo-color-danger-bg-stronger-light),
      var(--sigvelo-color-danger-bg-stronger-dark)
    );
    --sigvelo-color-danger-text-on-subtle: light-dark(
      var(--sigvelo-color-danger-text-on-subtle-light),
      var(--sigvelo-color-danger-text-on-subtle-dark)
    );
    --sigvelo-color-danger-text-on-bg: light-dark(
      var(--sigvelo-color-danger-text-on-bg-light),
      var(--sigvelo-color-danger-text-on-bg-dark)
    );
    --sigvelo-color-danger-text-on-strong: light-dark(
      var(--sigvelo-color-danger-text-on-strong-light),
      var(--sigvelo-color-danger-text-on-strong-dark)
    );
    --sigvelo-color-danger-text: light-dark(
      var(--sigvelo-color-danger-text-light),
      var(--sigvelo-color-danger-text-dark)
    );
    --sigvelo-color-danger-border-subtle: light-dark(
      var(--sigvelo-color-danger-border-subtle-light),
      var(--sigvelo-color-danger-border-subtle-dark)
    );
    --sigvelo-color-danger-border-muted: light-dark(
      var(--sigvelo-color-danger-border-muted-light),
      var(--sigvelo-color-danger-border-muted-dark)
    );
    --sigvelo-color-danger-border: light-dark(
      var(--sigvelo-color-danger-border-light),
      var(--sigvelo-color-danger-border-dark)
    );
  }
}