/* @heyharmony/design-tokens — dark mode base tokens */
.dark {
  --harmony-surface-0: oklch(0.262 0 0);
  --harmony-surface-0-hover: oklch(0.278 0 0);
  --harmony-surface-0-active: oklch(0.301 0 0);
  --harmony-surface-0-highlight: oklch(0.285 0 0);
  --harmony-surface-1: oklch(0.264 0 0);
  --harmony-surface-1-hover: oklch(0.301 0 0);
  --harmony-surface-1-active: oklch(0.331 0 0);
  --harmony-surface-1-highlight: oklch(0.311 0 0);
  --harmony-surface-2: oklch(0.301 0 0);
  --harmony-surface-2-hover: oklch(0.341 0 0);
  --harmony-surface-2-active: oklch(0.371 0 0);
  --harmony-surface-2-highlight: oklch(0.351 0 0);
  --harmony-surface-3: oklch(0.285 0 0);
  --harmony-surface-3-hover: oklch(0.321 0 0);
  --harmony-surface-3-active: oklch(0.351 0 0);
  --harmony-surface-3-highlight: oklch(0.331 0 0);
  --harmony-surface-4: oklch(0.321 0 0);
  --harmony-surface-4-hover: oklch(0.361 0 0);
  --harmony-surface-4-active: oklch(0.39 0 0);
  --harmony-surface-4-highlight: oklch(0.371 0 0);
  --harmony-fg: oklch(0.923 0 0);
  --harmony-fg-secondary: oklch(0.715 0 0);
  --harmony-fg-tertiary: oklch(0.6 0 0);
  --harmony-fg-disabled: oklch(0.48 0 0);
  --harmony-fg-inverse: oklch(0.204 0 0);
  --harmony-fg-link: oklch(0.985 0 0);
  --harmony-fg-success: oklch(0.72 0.192 149.5);
  --harmony-fg-warning: oklch(0.77 0.1645 70.6);
  --harmony-fg-error: oklch(0.62 0.19 25.4);
  --harmony-border-subtle: oklch(0.321 0 0);
  --harmony-border-default: oklch(0.371 0 0);
  --harmony-border-main-content: oklch(0.29 0 0);
  --harmony-border-success: oklch(0.5 0.1 155);
  --harmony-border-warning: oklch(0.55 0.1 85);
  --harmony-border-error: oklch(0.45 0.12 25);
  --accent: oklch(0.216 0 0);
  --accent-foreground: oklch(0.923 0 0);
  --accent-hover: oklch(0.27 0 0);
  --accent-active: oklch(0.2 0.003 0);
  --accent-subtle: oklch(0.18 0.005 90);
  --accent-muted: oklch(0.15 0.003 90);
  --accent-border: oklch(0.35 0.01 90);
  --cta-bg: oklch(0.985 0 0);
  --cta-fg: oklch(0.145 0 0);
  --cta-bg-hover: oklch(0.9 0 0);
  --cta-bg-active: oklch(0.82 0 0);
  --cta-border: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.216 0 0);
  --sidebar-accent-foreground: oklch(0.923 0 0);
  --sidebar-hover: oklch(0.204 0 0);
  --harmony-tab-bg: oklch(0.301 0 0);
  --harmony-tab-bg-hover: oklch(0.341 0 0);
  --harmony-tab-outline: oklch(0.418 0 0);
  --harmony-input-bg: oklch(0.27 0 0);
  --harmony-input-border: oklch(0.341 0 0);
  --harmony-input-border-hover: oklch(0.399 0 0);
  --harmony-input-border-focus: oklch(0.454 0 0);
  --harmony-input-border-error: oklch(0.562 0.1966 26.3);
  --harmony-input-border-active: oklch(0.437 0 0);
  --harmony-input-border-highlight: oklch(0.418 0 0);
  --harmony-input-bg-active: oklch(0.301 0 0);
  --harmony-input-bg-highlight: oklch(0.29 0 0);
  --harmony-input-bg-disabled: oklch(0.248 0 0);
  --harmony-input-placeholder: oklch(0.581 0 0);
  --harmony-bg-success: oklch(0.22 0.04 155);
  --harmony-bg-warning: oklch(0.23 0.04 85);
  --harmony-bg-error: oklch(0.22 0.035 25);
  --harmony-content-preview-bg: oklch(0.32 0 0);
  --harmony-content-preview-fg: oklch(0.715 0 0);
  --harmony-content-preview-border: oklch(0.371 0 0);
  --harmony-shadow-0: 0 1px 2px oklch(0 0 0 / 0.2);
  --harmony-shadow-1: 0 1px 3px oklch(0 0 0 / 0.3), 0 1px 2px oklch(0 0 0 / 0.2);
  --harmony-shadow-2: 0 4px 6px oklch(0 0 0 / 0.3), 0 2px 4px oklch(0 0 0 / 0.2);
  --harmony-shadow-3: 0 10px 15px oklch(0 0 0 / 0.3), 0 4px 6px oklch(0 0 0 / 0.2);
  --harmony-shadow-4: 0 20px 25px oklch(0 0 0 / 0.3), 0 8px 10px oklch(0 0 0 / 0.15);
}