/* ============================================================
   CONTUNIOUS — Brand Theme (single source of truth)
   Loaded last on every page, so these tokens are authoritative.
   Change the look of the whole product here.
   ------------------------------------------------------------
   Brand: warm, friendly, rounded. "A gym for the mind."
   Fonts: Fredoka (headings) + Nunito (body).
   ============================================================ */

:root{
  /* --- Surfaces (warm yellow brand background, white cards) --- */
  --bg1:#FCEFBE;   /* base page yellow */
  --bg2:#FFEFD4;   /* warm cream glow */
  --bg3:#FFF7DC;   /* soft light */
  --card:#FFFFFF;  /* card surface */
  --stage:#FFFFFF; /* game/stage surface */
  --soft:#FBF4DD;  /* soft inset (tracks, inputs) */
  --line:#F1E8C4;  /* hairline */

  /* --- Ink / text --- */
  --ink:#2C2A3A;       /* primary text */
  --ink-soft:#5A5670;  /* secondary text */
  --muted:#9A95AE;     /* labels */
  --muted-2:#B7B2C8;   /* faint */

  /* --- Accent palette (playful pastel, one per faculty family) --- */
  --amber:#F7A93B;   --amber-s:#FFE9C9;  --amber-deep:#E0850A;
  --coral:#FB7185;   --coral-s:#FFE0E7;
  --green:#41C97E;   --green-s:#D6F6E4;
  --blue:#46B6F2;    --blue-s:#D8F0FD;
  --violet:#9B82F3;  --violet-s:#ECE5FF;

  /* --- Shape & depth --- */
  --radius:28px;     /* large cards */
  --radius-s:20px;   /* small cards / banners */
  --shadow:0 18px 40px -22px rgba(120,90,200,.45);
  --shadow-soft:0 10px 26px -16px rgba(120,90,200,.35);

  /* --- Type --- */
  --font-head:'Fredoka', system-ui, sans-serif;
  --font-body:'Nunito', system-ui, sans-serif;
}

/* --- Global polish, applied everywhere --- */
html{ scroll-behavior:smooth; }
::selection{ background:var(--amber-s); color:var(--ink); }
:focus-visible{ outline:2.5px solid var(--violet); outline-offset:2px; border-radius:8px; }
* { scrollbar-color:var(--amber) transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:var(--amber); border-radius:99px; border:3px solid transparent; background-clip:content-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* Consistent link colour for plain links across pages */
a{ color:var(--amber-deep); }