/* ══════════════════════════════════════════════════════════════
   THEMES — every [data-theme="..."] beyond the default dark
   ("jarvis", defined in tokens.css). Adding a new theme later is
   just one more block like these — no other file needs to change.

   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 per theme.
══════════════════════════════════════════════════════════════ */

/* ── LIGHT — real, fully-designed, WCAG AA checked ──────────────
   Accent hues are deliberately darkened vs. their dark-mode values
   so text/badges/links clear 4.5:1 on the near-white background. ── */
[data-theme="light"]{
  --bg:#f4f5f7;--bg2:#ffffff;--bg3:#eceef1;--bg4:#e2e5ea;
  --text:#14161c;--muted:#5b6472;
  --border:rgba(10,12,18,.08);--border2:rgba(10,12,18,.15);--border3:rgba(10,12,18,.26);

  --c:#0e7490;--c2:#0b5f77;--cg:rgba(14,116,144,.08);--cg2:rgba(14,116,144,.04);
  --v:#6d28d9;--vg:rgba(109,40,217,.08);
  --g:#15803d;--gg:rgba(21,128,61,.08);
  --r:#b91c1c;--a:#92400e;

  --bg-base:#eef0f3;--bg-card:#ffffff;--bg-input:#f7f8fa;--bg-hover:rgba(10,12,18,.03);
  --border-c:rgba(14,116,144,.25);
}
[data-theme="light"] .skeleton{background:linear-gradient(90deg,#eceef1 25%,#e2e5ea 50%,#eceef1 75%);background-size:200% 100%}

/* ── MATRIX — green-on-black, on-brand for a cyberpunk HUD product ── */
[data-theme="matrix"]{
  --bg:#020402;--bg2:#080d08;--bg3:#0d140d;--bg4:#141d14;
  --text:#d5f7d8;--muted:#6f9678;
  --border:rgba(0,230,118,.10);--border2:rgba(0,230,118,.18);--border3:rgba(0,230,118,.3);

  --c:#00e676;--c2:#00b85f;--cg:rgba(0,230,118,.10);--cg2:rgba(0,230,118,.05);
  --v:#66ffa6;--vg:rgba(102,255,166,.12);
  --g:#00e676;--gg:rgba(0,230,118,.1);
  --r:#f87171;--a:#c9ff4d;

  --bg-base:#020402;--bg-card:#080d08;--bg-input:#0d140d;--bg-hover:rgba(0,230,118,.04);
  --border-c:rgba(0,230,118,.25);
}

/* ── MIDNIGHT — deep navy/violet variant ── */
[data-theme="midnight"]{
  --bg:#0b0d1a;--bg2:#141733;--bg3:#1b1f45;--bg4:#242a5c;
  --text:#e9e8ff;--muted:#8b8fc4;
  --border:rgba(139,124,246,.12);--border2:rgba(139,124,246,.2);--border3:rgba(139,124,246,.32);

  --c:#8b7cf6;--c2:#7160e8;--cg:rgba(139,124,246,.12);--cg2:rgba(139,124,246,.06);
  --v:#a78bfa;--vg:rgba(167,139,250,.14);
  --g:#34d399;--gg:rgba(52,211,153,.1);
  --r:#f87171;--a:#fbbf24;

  --bg-base:#0b0d1a;--bg-card:#141733;--bg-input:#1b1f45;--bg-hover:rgba(139,124,246,.06);
  --border-c:rgba(139,124,246,.25);
}

/* ── AMOLED — pure-black variant of Dark, for OLED screens ── */
[data-theme="amoled"]{
  --bg:#000000;--bg2:#0a0a0a;--bg3:#111111;--bg4:#181818;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);--border3:rgba(255,255,255,.22);
  --bg-base:#000000;--bg-card:#0a0a0a;--bg-input:#111111;
}

/* ── SUNRISE — light, warm cream background, burnt-orange accent ── */
[data-theme="sunrise"]{
  --bg:#fdf6ec;--bg2:#ffffff;--bg3:#fdf1e0;--bg4:#f9e8d0;
  --text:#2a1a0f;--muted:#7a6350;
  --border:rgba(120,53,15,.08);--border2:rgba(120,53,15,.15);--border3:rgba(120,53,15,.26);

  --c:#c2410c;--c2:#9a3412;--cg:rgba(194,65,12,.08);--cg2:rgba(194,65,12,.04);
  --v:#7c3aed;--vg:rgba(124,58,237,.08);
  --g:#15803d;--gg:rgba(21,128,61,.08);
  --r:#b91c1c;--a:#92400e;

  --bg-base:#fbeee0;--bg-card:#ffffff;--bg-input:#fdf3e4;--bg-hover:rgba(120,53,15,.03);
  --border-c:rgba(194,65,12,.25);
}
[data-theme="sunrise"] .skeleton{background:linear-gradient(90deg,#fdf1e0 25%,#f9e8d0 50%,#fdf1e0 75%);background-size:200% 100%}

/* ── ARCTIC — light, cool ice-blue background, sky-blue accent ── */
[data-theme="arctic"]{
  --bg:#eef7fc;--bg2:#ffffff;--bg3:#e3f2fa;--bg4:#d5ebf6;
  --text:#0b1f2a;--muted:#51707d;
  --border:rgba(3,54,73,.08);--border2:rgba(3,54,73,.15);--border3:rgba(3,54,73,.26);

  --c:#0369a1;--c2:#025580;--cg:rgba(3,105,161,.08);--cg2:rgba(3,105,161,.04);
  --v:#6d28d9;--vg:rgba(109,40,217,.08);
  --g:#15803d;--gg:rgba(21,128,61,.08);
  --r:#b91c1c;--a:#92400e;

  --bg-base:#e6f3fa;--bg-card:#ffffff;--bg-input:#eef7fc;--bg-hover:rgba(3,54,73,.03);
  --border-c:rgba(3,105,161,.25);
}
[data-theme="arctic"] .skeleton{background:linear-gradient(90deg,#e3f2fa 25%,#d5ebf6 50%,#e3f2fa 75%);background-size:200% 100%}

/* ── TERMINAL — dark, phosphor-green console, distinct from Matrix
   (warmer/more monochrome, amber warning accent, less saturated glow) ── */
[data-theme="terminal"]{
  --bg:#000000;--bg2:#050705;--bg3:#0a0f0a;--bg4:#101710;
  --text:#c8f7d0;--muted:#5f8f6a;
  --border:rgba(57,211,83,.10);--border2:rgba(57,211,83,.18);--border3:rgba(57,211,83,.3);

  --c:#39d353;--c2:#2ea043;--cg:rgba(57,211,83,.10);--cg2:rgba(57,211,83,.05);
  --v:#9be9a8;--vg:rgba(155,233,168,.12);
  --g:#39d353;--gg:rgba(57,211,83,.1);
  --r:#f87171;--a:#e3b341;

  --bg-base:#000000;--bg-card:#050705;--bg-input:#0a0f0a;--bg-hover:rgba(57,211,83,.04);
  --border-c:rgba(57,211,83,.25);
}