/* ============================================================
   CONTENT · studio w labs · learn THEME
   ------------------------------------------------------------
   Overrides platform/theme.css to give learn its own look: a
   cousin of the studio w labs site. It keeps the studio palette
   (petrol, copper, bone, ink) and the hexagon motif, but carries
   its own warmer type (Abhaya Libre over Zalando Sans) and a
   softer, roomier feel built for reading and reflection.

   Load order on every page:
     1. platform/theme.css      (defaults, declares every var)
     2. content/brand/fonts.css (Zalando Sans + Abhaya Libre)
     3. content/brand/theme.css (this file, the brand)
     4. platform/engine.css     (structure, reads the vars)

   To separate content from platform later, this file and the
   fonts travel with the content; the platform keeps its neutral
   default and still runs.
   ============================================================ */

:root {
  --bg:#F5F2EA; --surface:#FBF8F1; --surface-alt:#EFE9DC; --text:#0C1F26;
  --text-soft:#084A57; --muted:#55707A; --border:#D3D6D1; --line:#E2DECF;
  --primary:#034A57; --primary-80:#2A6470; --accent:#9E5316; --accent-fill:#C1681F;
  --accent-soft:#F4E3C6; --good:#2f6d4f; --shadow:6px 6px 0 0 #E4DDCB;
  --serif:'Abhaya Libre', Georgia, 'Times New Roman', serif;
  --sans:'Zalando Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --maxread:63ch;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0C1F26; --surface:#12262E; --surface-alt:#163540; --text:#F5F2EA;
    --text-soft:#CDE0E4; --muted:#9FB3B8; --border:rgba(211,214,209,0.20);
    --line:rgba(211,214,209,0.14); --primary:#6F95A4; --primary-80:#8FB0BC;
    --accent:#E08A3E; --accent-fill:#C1681F; --accent-soft:#2A2016; --good:#74c69a;
    --shadow:6px 6px 0 0 rgba(0,0,0,0.35);
  }
}

:root[data-theme="light"] {
  --bg:#F5F2EA; --surface:#FBF8F1; --surface-alt:#EFE9DC; --text:#0C1F26;
  --text-soft:#084A57; --muted:#55707A; --border:#D3D6D1; --line:#E2DECF; --primary:#034A57;
  --primary-80:#2A6470; --accent:#9E5316; --accent-fill:#C1681F; --accent-soft:#F4E3C6;
  --good:#2f6d4f; --shadow:6px 6px 0 0 #E4DDCB;
}
:root[data-theme="dark"] {
  --bg:#0C1F26; --surface:#12262E; --surface-alt:#163540; --text:#F5F2EA;
  --text-soft:#CDE0E4; --muted:#9FB3B8; --border:rgba(211,214,209,0.20); --line:rgba(211,214,209,0.14);
  --primary:#6F95A4; --primary-80:#8FB0BC; --accent:#E08A3E; --accent-fill:#C1681F;
  --accent-soft:#2A2016; --good:#74c69a; --shadow:6px 6px 0 0 rgba(0,0,0,0.35);
}