/* ==========================================================================
   La Distinction Academy — design tokens
   Colour balance target: ~70% white/cream · ~20% blue · ~10% gold/orange
   ========================================================================== */

:root {
  /* ---- Brand palette (authoritative) ---------------------------------- */
  --lda-royal-blue:      #073E98;  /* primary brand, headings, nav states   */
  --lda-navy:            #15395F;  /* footer, dark bands, strong contrast   */
  --lda-gold:            #E9BE74;  /* logo details, borders, icons, rules   */
  --lda-orange:          #ED8500;  /* primary buttons, key CTAs             */
  --lda-sky:             #EDF7FF;  /* light accent sections, tabs, cards    */
  --lda-cream:           #FFF7EA;  /* highlight sections, warm backgrounds  */
  --lda-white:           #FFFFFF;  /* main page background                  */
  --lda-body:            #3E5275;  /* paragraphs, supporting information    */
  --lda-border:          #D9E7F7;  /* card borders, accordions, dividers    */

  /* ---- Derived tints (kept inside the palette's hue family) ------------ */
  --lda-navy-deep:       #0F2A46;  /* footer skyline shadows                */
  --lda-royal-tint:      #1B57BE;  /* hover / lighter blue for icon art     */
  --lda-gold-soft:       #F3D9A8;  /* soft gold for card rims               */
  --lda-cream-deep:      #FBF1DF;  /* programme card body                   */
  --lda-page:            #FDFBF9;  /* off-white page canvas (hero, gallery) */
  --lda-body-soft:       #66748F;  /* de-emphasised body copy               */

  /* ---- Typography ------------------------------------------------------ */
  --font-sans:   'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif:  'Playfair Display', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-script: 'Dancing Script', 'Snell Roundhand', cursive;

  --fs-hero:      clamp(2.5rem, 1.4rem + 2.6vw, 3.75rem);   /* 40 → 60 */
  --fs-h2:        clamp(1.75rem, 1.2rem + 1.4vw, 2.375rem); /* 28 → 38 */
  --fs-h3:        clamp(1.25rem, 1.05rem + 0.5vw, 1.5rem);  /* 20 → 24 */
  --fs-lead:      1.0625rem;   /* 17 */
  --fs-body:      1rem;        /* 16 */
  --fs-small:     0.875rem;    /* 14 */
  --fs-xsmall:    0.8125rem;   /* 13 */
  --fs-eyebrow:   0.75rem;     /* 12 */

  --lh-tight:  1.14;
  --lh-snug:   1.35;
  --lh-body:   1.75;

  /* ---- Layout ---------------------------------------------------------- */
  --container:      1180px;
  --container-pad:  clamp(1.25rem, 4vw, 2.5rem);
  --section-y:      clamp(2.25rem, 1.1rem + 2.4vw, 3.75rem); /* 36 → 60 — tightened */
  --gap:            1.5rem;

  /* ---- Radii ----------------------------------------------------------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* ---- Elevation ------------------------------------------------------- */
  --shadow-card:  0 2px 10px rgba(21, 57, 95, 0.06);
  --shadow-lift:  0 10px 28px rgba(21, 57, 95, 0.12);
  --shadow-menu:  0 12px 32px rgba(21, 57, 95, 0.16);

  /* ---- Motion ---------------------------------------------------------- */
  --ease:  cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:   180ms;
}