/* =====================================================================
   BRAND PACK  —  tokens.css   (Senior6 default skin)
   ---------------------------------------------------------------------
   The neutral platform base for learner-facing (org-branded) pages.
   Every color, font, radius, and logo reference reads from these CSS
   custom properties. chrome.js injects each operator's theme_json on
   top of this base at runtime, so this file is the fallback identity
   when no operator theme is present (now Senior6, not a single tenant).

   Type: native system stacks only — no web-font network request, so
   text paints instantly with zero layout lag.
   ===================================================================== */
:root {
  /* ---- Brand colors (Senior6 deep teal-green, from the logo) ---- */
  --brand-primary:        #155a56;   /* Senior6 green (logo wordmark) */
  --brand-primary-dark:   #0e423f;
  --brand-primary-soft:   #e3eeec;
  --brand-accent:         #2c9e74;   /* fresh emerald — CTAs & links */
  --brand-accent-dark:    #1f7b59;
  --brand-accent-soft:    #e4f3ec;

  /* ---- Neutrals / surfaces (faint green-gray) ---- */
  --bg:                   #f5f8f7;
  --surface:              #ffffff;
  --surface-2:            #ecf1f0;
  --border:               #dce6e4;
  --text:                 #14302c;
  --text-muted:           #5a6b68;

  /* ---- Status ---- */
  --ok:                   #2f7d55;
  --ok-soft:              #e3f1e8;
  --warn:                 #b4690e;
  --error:                #c0392b;
  --error-soft:           #fbeae6;

  /* ---- Typography (system stacks — instant, no web fonts) ---- */
  --font-display: Georgia, 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Times New Roman', serif;
  --font-head:    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body:    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fs-base:      17px;
  --lh-base:      1.65;

  /* ---- Shape & depth ---- */
  --radius:      14px;
  --radius-sm:   9px;
  --shadow:      0 1px 2px rgba(20,54,66,.05), 0 6px 18px rgba(20,54,66,.07);
  --shadow-lg:   0 10px 40px rgba(20,54,66,.16);

  /* ---- Layout ---- */
  --maxw:        1120px;
  --reading:     760px;

  /* ---- Brand assets (operator logo comes from org.logoPath at runtime) ---- */
  --logo-url:    url('../img/orgs/Senior6/Senior6_web.png');
  --logo-h:      34px;          /* rendered logo height in the app bar */
  --appbar-bg:   #ffffff;       /* light bar so the dark logo reads */
  --appbar-fg:   #155a56;
}