:root {
  /* WLSA Brand Variables */
  --wlsa-red: #991F06;
  --wlsa-gold: #F6C343;
  --wlsa-brown: #4A2010;
  --wlsa-cream: #FAF6EF;
  --wlsa-white: #FFFFFF;
  --wlsa-text-dark: #1a1a1a;
  --wlsa-text-grey: #555555;
  --wlsa-font-heading: 'Playfair Display', Georgia, serif;
  --wlsa-font-body: 'Inter', system-ui, sans-serif;
  --wlsa-font-condensed: 'Barlow Condensed', sans-serif;
  --wlsa-font-numbers: 'Inter', sans-serif;
  --wlsa-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --wlsa-shadow-md: 0 4px 20px rgba(0,0,0,0.12);
  --wlsa-radius-sm: 6px;
  --wlsa-radius-md: 12px;
  --wlsa-radius-lg: 20px;
  --section-lg: 72px;
  --section-sm: 48px;
  --section-xs: 32px;

  /* Legacy site variables — used throughout existing CSS */
  --maroon: var(--wlsa-red);
  --maroon-dark: #b90e0a;
  --maroon-deep: #7a0000;
  --gold: var(--wlsa-gold);
  --gold-light: var(--wlsa-gold);
  --gold-bg: #fff8e7;
  --gold-border: #f0d080;
  --text-dark: var(--wlsa-text-dark);
  --text-body: #333;
  --text-sec: var(--wlsa-text-grey);
  --white: var(--wlsa-white);
  --off-white: #fafafa;
  --border: #e8e8e8;
  --nav-h: 74px;
}