/* ============================================================
   PLATFORM · DEFAULT THEME (neutral)
   ------------------------------------------------------------
   This file is the platform's fallback look. It is deliberately
   plain so a fork gets a usable, legible course out of the box
   with no brand of its own.

   To brand the platform, DO NOT edit this file. Instead load a
   content theme AFTER this one and override the same variables.
   studio w labs does exactly that in content/brand/theme.css.

   Every variable the engine reads is declared here, so a content
   theme only has to override what it wants to change.
   ============================================================ */

:root {
  /* surfaces + text */
  --bg:#ffffff; --surface:#f7f7f6; --surface-alt:#eeeeec; --text:#1a1a1a;
  --text-soft:#33413f; --muted:#6b7280; --border:#d8dbd9; --line:#e7e9e7;
  /* brand + accent (neutral by default) */
  --primary:#2b4a52; --primary-80:#3c5c64; --accent:#9a5a1e; --accent-fill:#b06a24;
  --accent-soft:#f2e7d6; --good:#2f6d4f; --shadow:6px 6px 0 0 #e5e5e2;
  /* type — system stacks so a fork needs no font hosting */
  --serif:Georgia, 'Times New Roman', serif;
  --sans:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --maxread:63ch;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:#14181a; --surface:#1b2124; --surface-alt:#232b2f; --text:#f2f2f0;
    --text-soft:#cdd6d6; --muted:#9aa5a5; --border:rgba(216,219,217,0.20);
    --line:rgba(216,219,217,0.14); --primary:#7fa0aa; --primary-80:#9bb5bd;
    --accent:#d68a45; --accent-fill:#b06a24; --accent-soft:#2a2016; --good:#74c69a;
    --shadow:6px 6px 0 0 rgba(0,0,0,0.35);
  }
}

/* explicit theme override wins over the media query in both directions */
:root[data-theme="light"] {
  --bg:#ffffff; --surface:#f7f7f6; --surface-alt:#eeeeec; --text:#1a1a1a;
  --text-soft:#33413f; --muted:#6b7280; --border:#d8dbd9; --line:#e7e9e7;
  --primary:#2b4a52; --primary-80:#3c5c64; --accent:#9a5a1e; --accent-fill:#b06a24;
  --accent-soft:#f2e7d6; --good:#2f6d4f; --shadow:6px 6px 0 0 #e5e5e2;
}
:root[data-theme="dark"] {
  --bg:#14181a; --surface:#1b2124; --surface-alt:#232b2f; --text:#f2f2f0;
  --text-soft:#cdd6d6; --muted:#9aa5a5; --border:rgba(216,219,217,0.20);
  --line:rgba(216,219,217,0.14); --primary:#7fa0aa; --primary-80:#9bb5bd;
  --accent:#d68a45; --accent-fill:#b06a24; --accent-soft:#2a2016; --good:#74c69a;
  --shadow:6px 6px 0 0 rgba(0,0,0,0.35);
}