/**
 * Continua Design Tokens — Dark Mode
 * Auto-generated by Style Dictionary. DO NOT EDIT DIRECTLY.
 * Edit: design-system/tokens/*.dark.json  |  Rebuild: npm run build:tokens
 */

body.dark-mode {
  --component-chip-hover-bg: var(--component-dark-chip-hover-bg);
  --component-bubble-user-background: var(--component-dark-bubble-user-background);
  --component-bubble-social-background: var(--component-dark-bubble-social-background);
  --component-bubble-action-inline-background: var(--component-dark-bubble-action-inline-background);
  --component-widget-weather-background: var(--component-dark-widget-weather-background);
  --component-widget-weather-badge-background: var(--component-dark-widget-weather-badge-background);
  --component-widget-weather-badge-text: var(--component-dark-widget-weather-badge-text);
  --component-widget-flight-background: var(--component-dark-widget-flight-background);
  --component-widget-flight-text: var(--component-dark-widget-flight-text);
  --component-widget-flight-badge-background: var(--component-dark-widget-flight-badge-background);
  --component-widget-flight-badge-text: var(--component-dark-widget-flight-badge-text);
  --component-widget-calendar-background: var(--component-dark-widget-calendar-background);
  --component-widget-calendar-text: var(--component-dark-widget-calendar-text);
  --component-widget-calendar-badge-background: var(--component-dark-widget-calendar-badge-background);
  --component-widget-calendar-badge-text: var(--component-dark-widget-calendar-badge-text);
  --component-widget-email-background: var(--component-dark-widget-email-background);
  --component-widget-email-text: var(--component-dark-widget-email-text);
  --component-widget-email-badge-background: var(--component-dark-widget-email-badge-background);
  --component-widget-email-badge-text: var(--component-dark-widget-email-badge-text);
  --component-widget-news-background: var(--component-dark-widget-news-background);
  --component-widget-news-text: var(--component-dark-widget-news-text);
  --component-widget-news-badge-background: var(--component-dark-widget-news-badge-background);
  --component-widget-news-badge-text: var(--component-dark-widget-news-badge-text);
  --component-card-action-background: var(--component-dark-card-action-background);
  --component-card-action-border: var(--component-dark-card-action-border);
  --component-message-list-item-background: var(--component-dark-message-list-item-background);
  --component-message-list-item-border: var(--component-dark-message-list-item-border);
  --component-signin-background: var(--component-dark-signin-background);
  --component-home-bar-background: var(--component-dark-home-bar-background);
  --component-icon-primary: var(--component-dark-icon-primary);
  --component-icon-secondary: var(--component-dark-icon-secondary);
  --component-perm-picker-background: var(--component-dark-perm-picker-background);
  --component-perm-picker-option-background: var(--component-dark-perm-picker-option-background);
  --component-perm-picker-option-selected-background: var(--component-dark-perm-picker-option-selected-background);
  --color-text-primary: var(--color-dark-text-primary);
  --color-text-secondary: var(--color-dark-text-secondary);
  --color-text-tertiary: var(--color-dark-text-tertiary);
  --color-text-disabled: var(--color-dark-text-disabled);
  --color-text-contrast: var(--color-dark-text-contrast);
  --color-brand-primary: var(--color-dark-brand-primary);
  --color-brand-primary-light: var(--color-dark-brand-primary-light);
  --color-brand-primary-lighter: var(--color-dark-brand-primary-lighter);
  --color-brand-primary-dark: var(--color-dark-brand-primary-dark);
  --color-brand-primary-subtle: var(--color-dark-brand-primary-subtle);
  --color-secondary-cyan: var(--color-dark-secondary-cyan);
  --color-secondary-cyan-dark: var(--color-dark-secondary-cyan-dark);
  --color-secondary-blue-light: var(--color-dark-secondary-blue-light);
  --color-secondary-green: var(--color-dark-secondary-green);
  --color-secondary-green-light: var(--color-dark-secondary-green-light);
  --color-secondary-warm: var(--color-dark-secondary-warm);
  --color-accent-yellow: var(--color-dark-accent-yellow);
  --color-accent-green: var(--color-dark-accent-green);
  --color-bg-0: var(--color-dark-bg-0);
  --color-bg-1: var(--color-dark-bg-1);
  --color-bg-2: var(--color-dark-bg-2);
  --color-bg-3: var(--color-dark-bg-3);
  --color-bg-4: var(--color-dark-bg-4);
  --color-bg-viewport: var(--color-dark-bg-viewport);
  --color-bg-surface: var(--color-dark-bg-surface);
  --color-bg-overlay: var(--color-dark-bg-overlay);
  --color-bg-blur: var(--color-dark-bg-blur);
  --color-bg-blur-heavy: var(--color-dark-bg-blur-heavy);
  --color-border-default: var(--color-dark-border-default);
  --color-border-light: var(--color-dark-border-light);
  --color-border-avatar: var(--color-dark-border-avatar);
  --color-shadow-phone: var(--color-dark-shadow-phone);
  --color-shadow-modal: var(--color-dark-shadow-modal);
  --color-state-danger: var(--color-dark-state-danger);
  --color-state-warning: var(--color-dark-state-warning);
  --color-state-success: var(--color-dark-state-success);
  --color-icon-primary: var(--color-dark-icon-primary);
  --color-icon-secondary: var(--color-dark-icon-secondary);
}