/* learn-it.app — Core tokens extracted from current HTML (dark theme).
   Source: index.html, index-me.html, trainer_phys_8-01_dc-me.html
*/

:root{
  --bg:#0b0f17;
  --muted:#9fb0c7;
  --text:#e8eef9;
  --border:rgba(255,255,255,.10);

  /* Status */
  --ok:#39d98a;
  --bad:#ff5c7a;
  --warn:#ffd166;

  /* Active subject (default) */
  --accent:#7aa2ff;
  --glowA:rgba(122,162,255,.18);
  --glowB:rgba(57,217,138,.12);

  /* Soft accent (used to bind subjects to selected domain) */
  --accentSoftBg: rgba(255,255,255,.035);
  --accentSoftBorder: rgba(255,255,255,.12);
  --accentSoftInset: rgba(255,255,255,.06);
}

@supports (background: color-mix(in srgb, #fff 10%, transparent)){
  :root{
    --accentSoftBg: color-mix(in srgb, var(--accent) 10%, transparent);
    --accentSoftBorder: color-mix(in srgb, var(--accent) 28%, var(--border));
    --accentSoftInset: color-mix(in srgb, var(--accent) 14%, transparent);
  }
}

/* Subject palettes (as in current index.html) */
[data-theme="chem"]{
  --accent:#7aa2ff;
  --glowA:rgba(122,162,255,.20);
  --glowB:rgba(57,217,138,.12);
}
[data-theme="phys"]{
  --accent:#39d98a;
  --glowA:rgba(57,217,138,.18);
  --glowB:rgba(255,209,102,.10);
}
[data-theme="it"]{
  --accent:#f2c358;
  --glowA:rgba(242,195,88,.12);
  --glowB:rgba(122,162,255,.08);
}
[data-theme="other"]{
  --accent:#e5e7eb;
  --glowA:rgba(229,231,235,.14);
  --glowB:rgba(122,162,255,.06);
}
[data-theme="guides"]{
  --accent:#ffb38a;
  --glowA:rgba(255,179,138,.18);
  --glowB:rgba(122,162,255,.10);
}



    [data-theme="lang"]{
  --accent:#d8b4fe;
  --glowA:rgba(216,180,254,.18);
  --glowB:rgba(122,162,255,.08);
}

    [data-theme="math"]{
      --accent:#ff5c7a;
      --glowA:rgba(255,92,122,.18);
      --glowB:rgba(255,209,102,.08);
    }
/* Future themes (placeholder): keep the same variable names.
   When you add light theme, override variables under :root[data-mode="light"] (or similar).
*/