/* ============================================================================
   Central Smart Education — Global Design Tokens
   ----------------------------------------------------------------------------
   SINGLE SOURCE OF TRUTH for colours across every page in the system.
   Change a value here once and it takes effect everywhere the stylesheet
   is linked. Do NOT redefine these in a page's inline <style> or in
   main.css — that would break the "one point of change" guarantee.
   ============================================================================ */

:root {
  /* ── Brand ──────────────────────────────────────────────────────────────── */
  --navy:        #0f2744;
  --navy-deep:   #080f1e;
  --navy-2:      #0b1628;
  --primary:     #2b8fbb;
  --primary-lt:  #e3f0ff;

  /* ── Accents ────────────────────────────────────────────────────────────── */
  --teal:        #0ea5e9;
  --teal-lt:     #e0f2fe;
  --cyan:        #0891b2;
  --cyan-lt:     #e0f7fa;
  --indigo:      #0ea5e9;
  --indigo-lt:   #e0f2fe;

  /* ── Status ─────────────────────────────────────────────────────────────── */
  --success:     #2e7d32;
  --success-lt:  #e8f5e9;
  --warning:     #e65100;
  --warning-lt:  #fff3e0;
  --danger:      #c62828;
  --danger-lt:   #ffebee;

  /* ── Text & surface — light context (default) ───────────────────────────── */
  --txt:         #1a2744;
  --txt-muted:   #607080;
  --muted:       #607080;   /* alias used by some pages */
  --border:      #dde6f0;
  --bg-soft:     #e4f2ff;

  /* ── Glass surfaces ─────────────────────────────────────────────────────── */
  --glass:       rgba(255,255,255,0.07);
  --glass-b:     rgba(255,255,255,0.13);

  /* ── Shape ──────────────────────────────────────────────────────────────── */
  --radius:      16px;
  --radius-sm:   9px;
}

/* ── Dark context ─────────────────────────────────────────────────────────────
   Add class="theme-dark" to <html> (or <body>) on dark-themed pages so text,
   borders and glass re-map for a dark background. Brand/accent/status colours
   are inherited unchanged from :root above.
   ------------------------------------------------------------------------- */
.theme-dark {
  --txt:        rgba(255,255,255,0.88);
  --txt-muted:  rgba(255,255,255,0.42);
  --muted:      rgba(255,255,255,0.42);
  --border:     rgba(255,255,255,0.11);
  --glass:      rgba(255,255,255,0.07);
  --glass-b:    rgba(255,255,255,0.13);
}