/* ── Light Theme ───────────────────────────────────────────────────── */

[data-theme="light"] {
  --color-bg:             #ffffff;
  --color-surface:        #f6f8fa;
  --color-surface-hover:  #eaeef2;
  --color-surface-subtle: #f0f3f6;
  --color-overlay:        rgba(0,0,0,0.4);

  --color-border:        #d0d7de;
  --color-border-active: #0969da;

  --color-text:          #1f2328;
  --color-text-muted:    #656d76;
  --color-text-secondary: #656d76;
  --color-text-inverse:  #ffffff;

  --color-accent:        #0969da;
  --color-accent-hover:  #0550ae;
  --color-accent-subtle: rgba(9,105,218,0.1);

  --color-error:         #cf222e;
  --color-error-hover:   #a40e26;
  --color-success:       #1a7f37;
  --color-danger:        #cf222e;
  --color-danger-hover:  #a40e26;

  --color-badge-success-bg:   rgba(26,127,55,0.12);
  --color-badge-success-text: #1a7f37;
  --color-badge-info-bg:      rgba(9,105,218,0.12);
  --color-badge-info-text:    #0969da;
  --color-badge-warning-bg:   rgba(154,103,0,0.12);
  --color-badge-warning-text: #9a6700;
  --color-badge-error-bg:     rgba(207,34,46,0.12);
  --color-badge-error-text:   #cf222e;
  --color-badge-purple-bg:    rgba(130,80,223,0.12);
  --color-badge-purple-text:  #8250df;

  --color-row-confirmed: rgba(26,127,55,0.06);
  --color-row-mapped:    rgba(9,105,218,0.05);
  --color-row-imported:  rgba(26,127,55,0.04);
  --color-row-pending:   rgba(207,34,46,0.05);

  --shadow-sm:  0 1px 3px rgba(31,35,40,0.08);
  --shadow-md:  0 3px 12px rgba(31,35,40,0.12);
  --shadow-lg:  0 8px 24px rgba(31,35,40,0.16);
}