/* Design tokens — the single source of truth for the palette, type and spacing.
   Palette is anchored to the logo: warm paper surfaces, navy as the only dark
   family, logo gold (#FDC138) and logo blue (#1A71A8) as the two accents.
   Every pairing below is WCAG AA verified against its intended surfaces. */

:root {
	/* Surfaces */
	--bu-cream:    #FBF7EF; /* warm paper, page background */
	--bu-panel:    #FFFDF8; /* cards / panels */
	--bu-band:     #F4ECDC; /* tinted band sections */
	--bu-dark:     #122B3F; /* dark sections, footer, utility bar: deep navy */
	--bu-dark-2:   #14293A; /* darkest navy: text on gold */

	/* Brand */
	--bu-navy:     #173B54; /* headings, brand navy */
	--bu-navy-2:   #5C7689; /* soft navy, secondary logo text */
	--bu-blue:     #1A71A8; /* logo blue: links, 5:1 on cream */
	--bu-blue-dk:  #15618F; /* link hover, 6.3:1 on cream */
	--bu-gold:     #FDC138; /* logo gold: buttons, accents (bg/border only on light) */
	--bu-gold-hi:  #FDC138; /* gold on dark surfaces, 8.9:1 on dark */
	--bu-gold-dk:  #E9A81F; /* gold hover */
	--bu-gold-ink: #A2740F; /* gold as LARGE text (>=18px bold) on light, 3.9:1+ */

	/* Text on light */
	--bu-ink:      #4A443B; /* body, 9:1 on cream */
	--bu-ink-2:    #5A534A; /* secondary, 7.4:1 */
	--bu-ink-3:    #5E574D; /* tertiary/small, 6.8:1 */
	--bu-muted:    #756952; /* eyebrows, captions, placeholders, 5:1 on cream, 4.6:1 on band */

	/* Text on dark (all pass AA on --bu-dark and --bu-navy) */
	--bu-on-dark:   #F5EFE3; /* headings / emphasis, 10:1+ */
	--bu-on-dark-2: #D9CFBD; /* default text & links, 7.6:1+ */
	--bu-on-dark-3: #B8AD9B; /* muted / secondary, 5.3:1+ */

	/* Lines */
	--bu-border:   #EAE1CF;
	--bu-border-2: #E0D6C2;

	/* Type */
	--bu-serif: 'Source Serif 4', Georgia, serif;
	--bu-sans:  'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Rhythm */
	--bu-container: 1200px;
	--bu-gutter: 40px;
	--bu-radius: 16px;
	--bu-radius-sm: 10px;

	/* Eyebrow */
	--bu-eyebrow-ls: .18em;
}

@media (max-width: 640px) {
	:root { --bu-gutter: 22px; }
}