/* SANKORD design system: dark theme overrides (semantic re-binding only). */
:root {
  --ds-color-petrol-subtle-dark: #102B31;
}
[data-theme="dark"] {
  --ds-bg-page: var(--ds-color-neutral-950);
  --ds-bg-surface: var(--ds-color-neutral-900);
  --ds-bg-elevated: var(--ds-color-neutral-850);
  --ds-bg-muted: var(--ds-color-neutral-850);
  --ds-bg-inverse: var(--ds-color-neutral-50);
  --ds-bg-scrim: var(--ds-color-scrim-dark);
  --ds-text-primary: var(--ds-color-neutral-50);
  --ds-text-secondary: var(--ds-color-neutral-300);
  --ds-text-disabled: var(--ds-color-neutral-400);
  --ds-text-inverse: var(--ds-color-neutral-950);
  --ds-text-brand: var(--ds-color-petrol-300);
  --ds-text-error: var(--ds-color-error-fg-dark);
  --ds-border-subtle: var(--ds-color-neutral-850);
  --ds-border-default: var(--ds-color-neutral-800);
  --ds-border-error: var(--ds-color-error-fg-dark);
  --ds-border-focus: var(--ds-color-petrol-300);
  --ds-icon-primary: var(--ds-color-neutral-50);
  --ds-icon-secondary: var(--ds-color-neutral-300);
  --ds-icon-disabled: var(--ds-color-neutral-400);
  --ds-action-primary-default: var(--ds-color-petrol-300);
  --ds-action-primary-hover: var(--ds-color-petrol-200);
  --ds-action-primary-active: var(--ds-color-petrol-400);
  --ds-action-primary-disabled: var(--ds-color-neutral-800);
  --ds-action-primary-text: var(--ds-color-petrol-950);
  --ds-action-secondary-default: var(--ds-color-neutral-900);
  --ds-action-secondary-hover: var(--ds-color-neutral-850);
  --ds-action-secondary-active: var(--ds-color-neutral-800);
  --ds-action-secondary-disabled: var(--ds-color-neutral-900);
  --ds-action-secondary-text: var(--ds-color-neutral-50);
  --ds-action-destructive-default: var(--ds-color-error-fg-dark);
  --ds-action-destructive-hover: var(--ds-color-error-fg-dark);
  --ds-action-destructive-active: var(--ds-color-error-fg-dark);
  --ds-action-destructive-disabled: var(--ds-color-neutral-800);
  --ds-action-destructive-text: var(--ds-color-neutral-950);
  --ds-decision-line: var(--ds-color-petrol-300);
  --ds-bg-status-success: var(--ds-color-success-bg-dark);
  --ds-text-status-success: var(--ds-color-success-fg-dark);
  --ds-border-status-success: var(--ds-color-success-fg-dark);
  --ds-icon-status-success: var(--ds-color-success-fg-dark);
  --ds-bg-status-warning: var(--ds-color-warning-bg-dark);
  --ds-text-status-warning: var(--ds-color-warning-fg-dark);
  --ds-border-status-warning: var(--ds-color-warning-fg-dark);
  --ds-icon-status-warning: var(--ds-color-warning-fg-dark);
  --ds-bg-status-error: var(--ds-color-error-bg-dark);
  --ds-text-status-error: var(--ds-color-error-fg-dark);
  --ds-border-status-error: var(--ds-color-error-fg-dark);
  --ds-icon-status-error: var(--ds-color-error-fg-dark);
  --ds-bg-status-decision: var(--ds-color-petrol-300);
  --ds-text-status-decision: var(--ds-color-petrol-950);
  --ds-border-status-decision: var(--ds-color-petrol-300);
  --ds-icon-status-decision: var(--ds-color-petrol-950);
  --ds-bg-status-neutral: var(--ds-color-neutral-850);
  --ds-text-status-neutral: var(--ds-color-neutral-300);
  --ds-border-status-neutral: var(--ds-color-neutral-800);
  --ds-icon-status-neutral: var(--ds-color-neutral-300);
  --ds-data-1: var(--ds-color-data-1-dark);
  --ds-data-2: var(--ds-color-data-2-dark);
  --ds-data-3: var(--ds-color-data-3-dark);
  --ds-data-4: var(--ds-color-data-4-dark);
  --ds-data-5: var(--ds-color-data-5-dark);
  --ds-data-6: var(--ds-color-data-6-dark);
  --ds-logo-ink: var(--ds-color-neutral-50);
  --ds-logo-bar: var(--ds-color-petrol-300);
  --ds-control-checked: var(--ds-color-neutral-50);
  --ds-control-checked-mark: var(--ds-color-neutral-950);
  --ds-control-track-off: var(--ds-color-neutral-700);
  --ds-text-link: var(--ds-color-petrol-300);
  --ds-text-link-visited: var(--ds-color-petrol-200);
  --ds-bg-selected: var(--ds-color-neutral-800);
  --ds-bg-hover: var(--ds-color-neutral-850);
  --ds-effect-elevation-1: 0 1px 2px var(--ds-color-shadow-dark);
  --ds-effect-elevation-2: 0 4px 13px var(--ds-color-shadow-dark);
  --ds-effect-elevation-3: 0 13px 34px var(--ds-color-shadow-dark);
  --ds-decision-surface: var(--ds-color-petrol-subtle-dark);
}