/*
 * brand.css — Sonama
 * Cloned from the FLC (Frontera Learning Centre) pattern per rebuild brief v0.5.
 * Defines the Sonama canonical 8-token palette, then aliases every FLC "hole"
 * variable (--brand-*) to those tokens so shared.css / index.css — cloned
 * verbatim from FLC — re-theme without per-line edits.
 */
:root {
  /* ── SONAMA CANONICAL PALETTE — the 8 tokens (brief v0.5, Change 1) ── */
  --dark-blue:   #2c4a8c;   /* headings, nav, hero background */
  --mid-blue:    #4a7fd4;   /* accents, links, CTAs, hero accent word */
  --light-blue:  #F7FBFF;   /* alternate section backgrounds */
  --white:       #ffffff;   /* page background, card faces */
  --off-white:   #f7f7f7;   /* reserved — not in active use */
  --light-grey:  #d4d4d4;   /* borders, dividers */
  --dark-grey:   #404040;   /* body copy */
  --near-black:  #262626;   /* footer */

  /* ── FLC HOLE ALIASES — consumed by shared.css / index.css ── */
  --brand-primary:       var(--mid-blue);
  --brand-primary-rgb:   74, 127, 212;
  --brand-dark:          var(--dark-blue);
  --brand-dark-rgb:      44, 74, 140;
  --brand-muted:         var(--light-grey);
  --brand-gradient:      linear-gradient(135deg, var(--dark-blue) 0%, var(--mid-blue) 100%);
  --brand-section-alt:   var(--light-blue);
  --brand-light-bg:      var(--light-blue);
  --brand-tag-bg:        var(--light-blue);
  --brand-nav-border:    var(--light-grey);
  --brand-footer-bg:     var(--near-black);
  --brand-footer-border: var(--dark-grey);
  --brand-hero-border:   var(--light-grey);
  --brand-hero-grad:     linear-gradient(to left, var(--light-blue), var(--white));
  --brand-focus-ring:    rgba(74, 127, 212, 0.12);
  --max-w:               1100px;
}