/* ============================================================
   DESIGN TOKENS — Vaal Triangle Preparatory
   ------------------------------------------------------------
   PER-SCHOOL FILE. Re-skin by editing only this file.
   Palette drawn from the official logo: forest green + crimson
   (logo also uses gold from the eagle — kept as a minor accent).
   ============================================================ */
:root{
  /* Brand palette ------------------------------------------- */
  --navy:        #1e3d28;   /* deep neutral green — anchor / dark sections */
  --navy-2:      #243d2c;
  --accent:      #9b2329;   /* muted crimson */
  --accent-dark: #6e181d;
  --brand-gold:  #c49a2a;   /* logo eagle gold — available for accents */

  /* Neutrals ------------------------------------------------- */
  --ink:    #1b2430;
  --muted:  #5a6573;
  --line:   rgba(30,61,40,.13);
  --paper:  #f8f7f3;
  --paper-2:#edf4ee;
  --white:  #ffffff;

  /* Type ----------------------------------------------------- */
  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans:  'Nunito', 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(30,61,40,.42);
}
           