/* ── Light theme ──────────────────────────────────────────────────────────── */
:root {
  --bg:      #f0f2f8;
  --surface: #cccccc;
  --border:  #dde1ee;
  --accent:  #6c63ff;
  --accent2: #00967a;
  --text:    #1a1d2e;
  --muted:   #3a3f52;
  --danger:  #dc2626;
  --warn:    #d97706;
  --ok:      #16a34a;
  --radius:  10px;

  --btn-success-text: #ffffff;
  --spinner-border:   rgba(0,0,0,.15);
  --spinner-top:      #6c63ff;
}

.history-item { background: #f0f2f8; }