/* ============================================================
   Java Mastery Academy — theme tokens
   ------------------------------------------------------------
   Light values live on :root, dark values on html.dark (Tailwind
   darkMode:'class'). Every public-site component in site.css reads
   ONLY these tokens, so switching theme = flipping one class.
   Dark values are the java-mastery.com design verbatim.
   ============================================================ */
:root {
    --bg: #f7f8fc;
    --bg2: #ffffff;
    --card: rgba(15, 23, 42, .035);
    --card2: rgba(15, 23, 42, .07);
    --border: rgba(15, 23, 42, .10);
    --border2: rgba(217, 119, 6, .45);
    --text: #0b1220;
    --muted: #4b5872;
    --faint: #6b7690;
    --accent: #f9a11b;
    --accent2: #fbbf24;
    --accent-ink: #b45309;
    --grad: linear-gradient(115deg, #f9a11b, #fbbf24);
    --grad-text: linear-gradient(115deg, #d97706, #b45309);
    --btn-text: #161006;
    --cyan: #0369a1;
    --cyan-soft: rgba(3, 105, 161, .10);
    --cyan-border: rgba(3, 105, 161, .25);
    --hdr-bg: rgba(247, 248, 252, .82);
    --hdr-border: rgba(15, 23, 42, .08);
    --nav-open-bg: rgba(247, 248, 252, .98);
    --thumb-bg: #e8ecf4;
    --prose: #1e293b;
    --learn: #1f2a3d;
    --grid-dot: rgba(15, 23, 42, .14);
    --hero-glow1: rgba(249, 161, 27, .16);
    --hero-glow2: rgba(14, 165, 233, .12);
    --stat-bg: #ffffff;
    --code-bg: rgba(15, 23, 42, .04);
    --code-border: rgba(15, 23, 42, .10);
    --success: #15803d;
    --success-soft: rgba(22, 163, 74, .12);
    --success-border: rgba(22, 163, 74, .30);
    --danger: #b91c1c;
    --danger-soft: rgba(220, 38, 38, .10);
    --danger-border: rgba(220, 38, 38, .30);
    --warn: #b45309;
    --warn-soft: rgba(245, 158, 11, .12);
    --warn-border: rgba(245, 158, 11, .35);
    /* WhatsApp brand green — fixed in both themes (it is a logo colour, not part of the
       site palette); only the readable text ink flips. Used by the consultation CTA. */
    --wa: #22c55e;
    --wa-ink: #15803d;
    --wa-soft: rgba(34, 197, 94, .10);
    --wa-border: rgba(34, 197, 94, .38);
    --r: 16px;
    --r-sm: 11px;
    --maxw: 1140px;
    --shadow: 0 24px 60px -24px rgba(15, 23, 42, .18);
    --glow: 0 10px 34px -10px rgba(249, 161, 27, .45);
    /* One stack for both scripts: Latin words render in Calibri (Carlito is the
       metric-compatible free twin used on the web), Arabic glyphs fall through to
       IBM Plex Sans Arabic. Weights are 400 and 700 only — neither family has
       middle weights. Do not substitute Inter/Roboto/Tajawal/Cairo here. */
    --font-ui: Calibri, Carlito, "IBM Plex Sans Arabic", Tahoma, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --theme-color: #f7f8fc;
}

html.dark {
    --bg: #070b17;
    --bg2: #0a1020;
    --card: rgba(148, 163, 184, .06);
    --card2: rgba(148, 163, 184, .1);
    --border: rgba(148, 163, 184, .15);
    --border2: rgba(249, 161, 27, .35);
    --text: #e9eefa;
    --muted: #9fb0cc;
    --faint: #76879f;
    --accent: #f9a11b;
    --accent2: #fbbf24;
    --accent-ink: #fbbf24;
    --grad: linear-gradient(115deg, #f9a11b, #fbbf24);
    --grad-text: var(--grad);
    --btn-text: #161006;
    --cyan: #67d3f8;
    --cyan-soft: rgba(56, 189, 248, .1);
    --cyan-border: rgba(56, 189, 248, .25);
    --hdr-bg: rgba(7, 11, 23, .78);
    --hdr-border: rgba(148, 163, 184, .1);
    --nav-open-bg: rgba(7, 11, 23, .97);
    --thumb-bg: #101728;
    --prose: #d3ddee;
    --learn: #cbd7ea;
    --grid-dot: rgba(159, 176, 204, .16);
    --hero-glow1: rgba(249, 161, 27, .14);
    --hero-glow2: rgba(56, 189, 248, .12);
    --stat-bg: #0a1020;
    --code-bg: rgba(148, 163, 184, .05);
    --code-border: rgba(148, 163, 184, .12);
    --success: #4ade80;
    --success-soft: rgba(34, 197, 94, .12);
    --success-border: rgba(34, 197, 94, .30);
    --danger: #f87171;
    --danger-soft: rgba(248, 113, 113, .12);
    --danger-border: rgba(248, 113, 113, .30);
    --warn: #fbbf24;
    --warn-soft: rgba(251, 191, 36, .10);
    --warn-border: rgba(251, 191, 36, .30);
    --wa: #22c55e;
    --wa-ink: #4ade80;
    --wa-soft: rgba(34, 197, 94, .12);
    --wa-border: rgba(34, 197, 94, .35);
    --shadow: 0 24px 60px -24px rgba(0, 0, 0, .65);
    --glow: 0 10px 34px -10px rgba(249, 161, 27, .55);
    --theme-color: #070b17;
}

/* Native form controls follow the theme — scoped to public bodies so the
   admin/student dashboards keep their own look. */
body.jm-site { color-scheme: light; }
html.dark body.jm-site { color-scheme: dark; }