/* ── CoachCarter / InstructorBook brand tokens ────────────────────────────
   Single source of truth for colours, type, and radius across all
   user-facing pages (marketing site + learner hub).

   Pages that need school-specific overrides (multi-tenant) get them
   via branding.js, which sets --brand-primary etc. at runtime.

   Admin, superadmin, instructor, and shared-auth keep their own
   :root blocks for now — migrate when those areas are next touched.
   ────────────────────────────────────────────────────────────────────── */

:root {
  /* School branding hooks (overridden by branding.js when set) */
  --brand-primary:   #f58321;
  --brand-secondary: #1e3a5f;
  --brand-accent:    #3b82f6;

  /* Core palette */
  --primary:     #262626;
  --accent:      #f58321;
  --accent-dk:   #e07518;
  --accent-lt:   #fff4ec;
  --accent-mid:  rgba(245,131,33,0.12);
  --accent-glow: rgba(245,131,33,0.25);
  --muted:       #595959;
  --border:      #e5e5e5;
  --bg:          #ffffff;
  --surface:     #f9f9f9;
  --white:       #ffffff;

  /* Semantic */
  --green:       #10b981;
  --green-lt:    #ecfdf5;
  --amber:       #f59e0b;
  --red:         #ef4444;
  --red-lt:      #fef2f2;
  --blue:        #3b82f6;
  --blue-lt:     #eff6ff;

  /* Typography & shape */
  --font-head:   'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
  --font-body:   'Lato', system-ui, -apple-system, sans-serif;
  --radius:      14px;
}

/* Dark mode tokens are scoped to the learner hub (and any page that
   sets body.cc-has-sidebar via sidebar.js). The marketing site does
   not opt into dark mode — its hero sections, top nav, and photo
   overlays were not designed for it. Dark-mode token values live in
   learner.css under the body.cc-has-sidebar selector. */