/* ══════════════════════════════════════════════════════════════
   THEMES — the light theme override. Dark ("dark", default) is
   defined directly in tokens.css. Only two themes exist in this
   system; light is the app default (see theme.js / base.html).

   Only variables whose actual hex/rgba VALUE changes per theme are
   redeclared here. Anything defined via var(--other-token) (e.g.
   --fg2:var(--v)) resolves automatically once the referenced token
   is overridden, so it does not need to be repeated here.
══════════════════════════════════════════════════════════════ */

/* ── LIGHT — Google Material You light surface, WCAG AA checked.
   --c is #1a73e8 (not the brighter #4285F4) because #4285F4 fails
   4.5:1 contrast at small text sizes on a white surface. ── */
[data-theme="light"]{
  --bg:#f8fafd;--bg2:#ffffff;--bg3:#f1f3f4;--bg4:#e8eaed;
  --text:#202124;--muted:#5f6368;
  --border:rgba(32,33,36,.08);--border2:rgba(32,33,36,.14);--border3:rgba(32,33,36,.22);

  --c:#1a73e8;--c2:#1557b0;--cg:rgba(26,115,232,.10);--cg2:rgba(26,115,232,.05);
  --v:#8430ce;--vg:rgba(132,48,206,.08);
  --g:#188038;--gg:rgba(24,128,56,.08);
  --r:#d93025;--rg:rgba(217,48,37,.08);
  --a:#ea8600;--ag:rgba(234,134,0,.08);

  --c-orange:#e8710a;
  --bg-base:#eef0f3;--bg-card:#ffffff;--bg-input:#f7f8fa;--bg-hover:rgba(32,33,36,.04);
  --border-c:rgba(26,115,232,.25);
}
[data-theme="light"] .skeleton{background:linear-gradient(90deg,#f1f3f4 25%,#e8eaed 50%,#f1f3f4 75%);background-size:200% 100%}