/* ============================================================
   DESIGN TOKENS — Tersia King Learning Academy (TKLA)
   ------------------------------------------------------------
   PER-SCHOOL FILE. Re-skin by editing only this file.
   Palette drawn from the official logo: vibrant gold + deep
   royal blue. Symbol: circle + triangle + candle.
   Tagline: Education Enlightens.
   ============================================================ */
:root{
  /* Brand palette ------------------------------------------- */
  --navy:        #1B3A8A;   /* deep royal blue — anchor / dark sections */
  --navy-2:      #2651A8;
  --accent:      #F5BC00;   /* logo gold */
  --accent-dark: #C49600;

  /* Neutrals ------------------------------------------------- */
  --ink:    #1b2430;
  --muted:  #5a6573;
  --line:   rgba(27,58,138,.12);
  --paper:  #FEFCF0;
  --paper-2:#EBF0FA;
  --white:  #ffffff;

  /* Type ----------------------------------------------------- */
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-hero: clamp(2.6rem, 5.5vw, 4.8rem);
  --fs-h2:   clamp(1.9rem, 3.4vw, 3rem);
  --fs-h3:   1.35rem;
  --fs-lead: clamp(1.05rem, 1.5vw, 1.3rem);
  --eyebrow: .16em;

  /* Shape ---------------------------------------------------- */
  --r-md: 14px;
  --r-lg: 26px;
  --r-pill: 999px;
  --maxw: 1180px;
  --shadow: 0 18px 50px -22px rgba(27,58,138,.38);
}

/* Hero radial glow — use TKLA gold instead of shared default */
.hero::after{background:radial-gradient(1100px 500px at 78% -10%,rgba(245,188,0,.22),transparent 60%)}
.page-hero::after{background:radial-gradient(900px 400px at 85% -20%,rgba(245,188,0,.18),transparent 60%)}
           