/* Dark theme - explicit opt-in via html[data-theme="dark"].
   The :root tokens in design-tokens.css already match the dark baseline, so
   this file is used only when you want to force dark (over system preference)
   or override specific values. */

html[data-theme="dark"] {
  --color-bg-1: #0a0a0a;
  --color-bg-2: #0d1117;
  --color-bg-3: #111;
  --color-bg-elev: #161b22;
  --color-border: #1e1e1e;
  --color-border-2: #30363d;

  --color-text: #e6edf3;
  --color-text-2: #8b949e;
  --color-text-3: #6e7681;
  --color-text-muted: #484f58;

  --color-primary: #00c9a7;
  --color-primary-hover: #00b89a;
  --color-accent: #2f81f7;
  --color-focus: #3b82f6;

  --color-success: #26a69a;
  --color-success-soft: rgba(38, 166, 154, 0.15);
  --color-danger: #ef5350;
  --color-danger-soft: rgba(239, 83, 80, 0.15);
  --color-warning: #f0a04b;
  --color-warning-soft: rgba(240, 160, 75, 0.15);
}