/* ── Dark Theme ────────────────────────────────────────────────────
   Default theme. Values here match tokens.css :root defaults.
   Explicit [data-theme="dark"] selector ensures dark wins when
   both dark.css and light.css are loaded.                          */

[data-theme="dark"] {
  --color-bg:             #0d1117;
  --color-surface:        #161b22;
  --color-surface-hover:  #21262d;
  --color-surface-subtle: #161b22;
  --color-overlay:        rgba(0,0,0,0.6);

  --color-border:        #30363d;
  --color-border-active: #58a6ff;

  --color-text:          #e6edf3;
  --color-text-muted:    #8b949e;
  --color-text-secondary: #8b949e;
  --color-text-inverse:  #ffffff;

  --color-accent:        #58a6ff;
  --color-accent-hover:  #79b8ff;
  --color-accent-subtle: rgba(88,166,255,0.12);

  --color-error:         #f85149;
  --color-error-hover:   #ff6e67;
  --color-success:       #3fb950;
  --color-danger:        #ff0000;
  --color-danger-hover:  #ff3333;

  --color-badge-success-bg:   rgba(63,185,80,0.15);
  --color-badge-success-text: #3fb950;
  --color-badge-info-bg:      rgba(88,166,255,0.15);
  --color-badge-info-text:    #58a6ff;
  --color-badge-warning-bg:   rgba(227,179,65,0.15);
  --color-badge-warning-text: #e3b341;
  --color-badge-error-bg:     rgba(248,81,73,0.15);
  --color-badge-error-text:   #f85149;
  --color-badge-purple-bg:    rgba(163,113,247,0.15);
  --color-badge-purple-text:  #a371f7;

  --color-row-confirmed: rgba(63,185,80,0.06);
  --color-row-mapped:    rgba(88,166,255,0.05);
  --color-row-imported:  rgba(63,185,80,0.04);
  --color-row-pending:   rgba(248,81,73,0.05);

  --shadow-sm:  0 1px 2px rgba(0,0,0,0.12);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.2);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.3);
}