/* ── Design system base tokens: medium theme (default) ─────────── */
:root{
  --sunken:#1E1F22;--base:#2B2D31;--raised:#313338;--overlay:#383A40;
  --border-subtle:#27292C;--border-default:#3F4147;--border-strong:#5C5F66;
  --text-primary:#F2F3F5;--text-secondary:#B5BAC1;--text-tertiary:#80848E;
  --accent:#4FD6BE;--accent-dim:#1D3D38;--accent-glow:rgba(79,214,190,0.12);
  --red:#ED4245;--red-dim:rgba(237,66,69,0.15);
  --yellow:#FAA61A;--yellow-dim:rgba(250,166,26,0.15);
  --green:#57F287;--green-dim:rgba(87,242,135,0.15);
  --font-ui:'IBM Plex Sans',-apple-system,'Segoe UI',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono','Cascadia Code','Consolas',monospace;
}
/* ── Dark ────────────────────────────────────────────────────────── */
[data-theme="dark"]{
  --sunken:#0B0E14;--base:#10141C;--raised:#141926;--overlay:#1C2235;
  --border-subtle:#181E2A;--border-default:#1E2530;--border-strong:#2A3342;
  --text-primary:#D7DEE8;--text-secondary:#8B96A5;--text-tertiary:#5C6673;
  --accent:#4FD6BE;--accent-dim:#1E4A42;--accent-glow:rgba(79,214,190,0.06);
  --red:#F85149;--red-dim:rgba(248,81,73,0.12);
  --yellow:#E3B341;--yellow-dim:rgba(227,179,65,0.12);
  --green:#3FB950;--green-dim:rgba(63,185,80,0.12);
}
/* ── Light ───────────────────────────────────────────────────────── */
[data-theme="light"]{
  --sunken:#F2F3F5;--base:#FFFFFF;--raised:#F7F8FA;--overlay:#FFFFFF;
  --border-subtle:#E8EAED;--border-default:#D4D7DC;--border-strong:#B9BBBE;
  --text-primary:#1A1B1E;--text-secondary:#4E5058;--text-tertiary:#86898F;
  --accent:#1A9E8C;--accent-dim:#D1F0EC;--accent-glow:rgba(26,158,140,0.07);
  --red:#C7312D;--red-dim:rgba(199,49,45,0.1);
  --yellow:#B07D14;--yellow-dim:rgba(176,125,20,0.1);
  --green:#1A7A3F;--green-dim:rgba(26,122,63,0.1);
}
/* ── D/M/L theme segmented control ──────────────────────────────── */
.theme-seg{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);border-radius:999px;padding:3px;flex-shrink:0}
.theme-seg button{width:26px;height:20px;border:none;border-radius:999px;background:transparent;color:rgba(255,255,255,0.45);font-size:9px;font-weight:700;letter-spacing:0.04em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 150ms;font-family:var(--font-mono)}
.theme-seg button.active{background:var(--accent);color:#0B0E14}
.theme-seg button:hover:not(.active){background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8)}
/* ── Feedback dropdown: defaults to dark/medium-friendly ─────────── */
.fb-notif-drop{background:var(--base);border-color:var(--border-default)}
.fb-notif-item{border-color:var(--border-subtle);color:var(--text-primary)}
.fb-notif-item:hover{background:var(--raised)}
.fb-notif-comment{color:var(--text-primary)}
.fb-notif-meta,.fb-notif-empty{color:var(--text-secondary)}
/* light theme: restore white dropdown */
[data-theme="light"] .fb-notif-drop{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,0.18)}
[data-theme="light"] .fb-notif-item{border-color:#f0f0f0;color:#252525}
[data-theme="light"] .fb-notif-item:hover{background:#f8f9fa}
[data-theme="light"] .fb-notif-comment{color:#252525}
[data-theme="light"] .fb-notif-meta,[data-theme="light"] .fb-notif-empty{color:#6b7280}
/* ── Account theme picker ────────────────────────────────────────── */
.acct-theme-btn{flex:1;padding:5px 0;border-radius:6px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:rgba(255,255,255,0.5);cursor:pointer;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;transition:border-color .15s,background .15s,color .15s}
.acct-theme-btn:hover{border-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.8)}
.acct-theme-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}
.acct-theme-icon{font-size:13px;line-height:1}
.acct-theme-label{font-size:9px;font-family:var(--font-mono)}