:root {
  --bg:#1a1a1f; --bg2:#242428; --bg3:#2e2e33; --bg4:#192240;
  --teal:#1db891; --teal-dim:#143d30; --teal-glow:rgba(29,184,145,0.25);
  --purple:#a78bfa;
  --red:#ef4444; --red-dim:rgba(239,68,68,0.12);
  --text:#e8e4df; --muted:#a09a92; --muted2:#6e6a64;
  --border:rgba(232,228,223,0.1);
  --r:12px; --r-sm:8px; --r-pill:99px;
  --bg-hover:#36363c; --teal-hover:#24d4a8; --border-hover:rgba(232,228,223,0.2);
  --bg-primary:var(--bg); --bg-surface:var(--bg2); --bg-card:var(--bg3);
  --accent:var(--teal); --accent-dim:var(--teal-dim); --accent-hover:var(--teal-hover);
  --text-primary:var(--text); --text-secondary:var(--muted); --text-tertiary:var(--muted2);
  --border-default:var(--border);
}

/* ── Flat select styling (site-wide) ───────────────────────────────────────── */
select {
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-color:var(--bg-card); color:var(--text-primary);
  border:0.5px solid rgba(232,228,223,0.15); border-radius:8px;
  padding:8px 36px 8px 12px; font-size:14px; font-family:inherit; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23a09a92' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center;
}
select:hover { border-color:rgba(232,228,223,0.3); }
select:focus { outline:none; border-color:var(--accent); }