/* ============================================================
   MIMIC — Color tokens
   A stark, high-contrast monochrome system: near-black canvas,
   1px white outlines, with Spotify green as the single live
   accent and the Anki SRS grading palette for study actions.
   ============================================================ */
:root {
  /* ---- Base neutrals ---- */
  --black: #000000;
  --bg: #07010a;            /* app canvas — near-black w/ a hint of violet */
  --bg-elevated: #191919;   /* dark fill: cards, example boxes, search rows */
  --bg-elevated-2: #0c0c0c; /* slightly-raised panels, list separators */
  --white: #ffffff;         /* primary text + every border stroke */
  --fg-muted: #d5d5d5;      /* song titles, secondary list text */
  --fg-subtle: #707070;     /* dim strokes, inactive labels */
  --fg-lyric-dim: #6e6a6a;  /* un-focused lyric lines */
  --fg-faint: #393939;      /* faint hairline borders */

  /* ---- Spotify green family (the live accent) ---- */
  --green: #1ed760;         /* canonical Spotify green */
  --green-bright: #19e35c;  /* logo / icon accent */
  --green-progress: #00a452;/* progress-bar fill */
  --green-progress-deep: #009531;
  --green-username: #5ec72b;/* the logged-in username wordmark */

  /* ---- SRS grading palette (Anki convention) ---- */
  --srs-again: #d92d27;     /* "Again"  — red,    <1min  */
  --srs-hard:  #1a6fe3;     /* "Hard"   — blue,   <6min  */
  --srs-good:  #2f8b4d;     /* "Good"   — green,  <10min */
  --srs-easy:  #9b4deb;     /* "Easy"   — purple, 3d     */

  /* ---- SRS queue counters (new / learning / review) ---- */
  --count-new:      #a0a8d7;/* lavender — new cards    */
  --count-learning: #d5a5a5;/* dusty rose — learning   */
  --count-review:   #a7d4a9;/* sage — review/graduated */

  /* ---- Destructive (sign out / delete) ---- */
  --danger: #93414b;        /* muted brick red — borders + text */
  --danger-fill: #b0565f;   /* filled destructive button */

  /* ---- Semantic aliases ---- */
  --surface: var(--bg);
  --surface-card: var(--bg-elevated);
  --surface-raised: var(--bg-elevated-2);
  --text: var(--white);
  --text-secondary: var(--fg-muted);
  --text-tertiary: var(--fg-subtle);
  --border: var(--white);
  --border-faint: var(--fg-faint);
  --accent: var(--green);
  --accent-text: var(--green-username);
  --success: var(--green-progress);
  --focus-ring: var(--green);
}