/* ── Default (Dark) Theme ─────────────────────────────────────────── */
:root {
    --bg:        #0d0d0d;
    --bg1:       #141414;
    --bg2:       #1a1a1a;
    --bg3:       #222;
    --border:    #2a2a2a;
    --border2:   #383838;
    --text:      #d4d4d4;
    --text-dim:  #6a6a6a;
    --accent:    #00c87a;
    --accent2:   #009a5c;
    --warn:      #d98000;
    --error:     #d04040;
    --info:      #4a96d8;
    --radius:    5px;
    --sb-width:  8px;
    --match-color:   #00c87a;
    --nomatch-color: #d04040;
}

/* ── Darker Theme ─────────────────────────────────────────────────── */
[data-theme="darker"] {
    --bg:        #000000;
    --bg1:       #080808;
    --bg2:       #0e0e0e;
    --bg3:       #141414;
    --border:    #1a1a1a;
    --border2:   #262626;
    --text:      #c8c8c8;
    --text-dim:  #545454;
    --accent:    #00c87a;
    --accent2:   #009a5c;
    --warn:      #d98000;
    --error:     #d04040;
    --info:      #4a96d8;
}

/* ── High Contrast Theme ──────────────────────────────────────────── */
[data-theme="contrast"] {
    --bg:        #000000;
    --bg1:       #0a0a0a;
    --bg2:       #111111;
    --bg3:       #1c1c1c;
    --border:    #555555;
    --border2:   #888888;
    --text:      #ffffff;
    --text-dim:  #aaaaaa;
    --accent:    #00ff96;
    --accent2:   #00cc78;
    --warn:      #ffaa00;
    --error:     #ff4444;
    --info:      #44aaff;
    --radius:    5px;
}

/* High contrast extra overrides */
[data-theme="contrast"] .btn-primary {
    background: #003d20; border-color: var(--accent); color: var(--accent);
}
[data-theme="contrast"] .btn-primary:hover:not(:disabled) { background: #005530; }
[data-theme="contrast"] .btn-danger  { background: #3a0000; border-color: #ff4444; color: #ff8888; }
[data-theme="contrast"] .btn-warn    { background: #2a1800; border-color: #ffaa00; color: #ffcc44; }
[data-theme="contrast"] .log         { background: #000; color: #00ff96; border-color: var(--border2); }
[data-theme="contrast"] .adv-badge   { background: #1a0e00; color: #ffaa00; border-color: #aa6600; }
[data-theme="contrast"] input[type="text"],
[data-theme="contrast"] input[type="password"],
[data-theme="contrast"] input[type="number"],
[data-theme="contrast"] select       { background: #000; border-color: var(--border2); color: #fff; }
[data-theme="contrast"] #dropZone    { border-color: var(--border2); }
[data-theme="contrast"] #dropZone:hover { border-color: var(--accent); background: #001a0e; }
[data-theme="contrast"] .flash-banner.info    { background: #001020; border-color: #2266aa; color: #88ccff; }
[data-theme="contrast"] .flash-banner.warn    { background: #1a1000; border-color: #886600; color: #ffcc44; }
[data-theme="contrast"] .flash-banner.success { background: #001a0e; border-color: var(--accent2); color: var(--accent); }
[data-theme="contrast"] .warn-box    { background: #1a0e00; border-color: #886600; color: #ffcc44; }