@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,700;1,400&display=swap');

:root {
  /* ── BRAND COLORS ── */
  --brand-blue:   #1A5DAB;
  --brand-red:    #C0212B;
  --blue-light:   #2E7DD1;
  --blue-pale:    #D6E8FA;
  --red-deep:     #8C1119;
  --red-light:    #F5C6C8;

  /* ── DARK BACKGROUNDS ── */
  --navy-deep:    #0B1829;
  --navy-mid:     #112240;
  --navy-soft:    #1A3357;

  /* ── LIGHT / NEUTRAL ── */
  --off-white:    #F5F4F0;
  --mid-grey:     #8A97A8;
  --white:        #FFFFFF;

  /* ── PRESTIGE ── */
  --gold:         #C9A84C;
  --gold-pale:    #F5EDD3;

  /* ── TYPOGRAPHY ── */
  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Barlow', sans-serif;
  --font-serif:   'Playfair Display', serif;

  /* ── SPACING ── */
  --sp-xs:   4px;
  --sp-sm:   8px;
  --sp-md:   16px;
  --sp-lg:   24px;
  --sp-xl:   32px;
  --sp-2xl:  48px;
  --sp-3xl:  64px;

  /* ── MISC ── */
  --radius:       3px;
  --transition:   all 0.2s ease;
}