/* ============================================================
   Finance Society — UMass Amherst
   Design Tokens
   ============================================================ */

:root {
  /* ---- Brand Colors ---- */
  --color-maroon: #840028;
  --color-maroon-dark: #5c001c;
  --color-maroon-deep: #3a0012;
  --color-maroon-light: #a30032;
  --color-navy: #002554;
  --color-black: #212721;
  --color-gold: #c9a84c;

  /* ---- Neutrals ---- */
  --color-cream: #f8f5f0;
  --color-cream-dark: #ede8e1;
  --color-white: #ffffff;
  --color-text: #2c2c2c;
  --color-text-muted: #6b6b6b;
  --color-text-on-dark: rgba(255, 255, 255, 0.92);
  --color-text-on-dark-muted: rgba(255, 255, 255, 0.6);
  --color-border: rgba(132, 0, 40, 0.1);

  /* ---- Typography ---- */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  --text-hero: clamp(2.75rem, 5vw + 1rem, 4.25rem);
  --text-h2: clamp(2rem, 3vw + 0.5rem, 2.75rem);
  --text-h3: clamp(1.15rem, 1.5vw + 0.4rem, 1.375rem);
  --text-body: 1.0625rem;
  --text-body-lg: 1.1875rem;
  --text-small: 0.875rem;
  --text-xs: 0.8125rem;
  --text-stat: clamp(2rem, 3vw + 0.5rem, 2.5rem);

  /* ---- Spacing (base unit: 24px) ---- */
  --space-unit: 24px;
  --section-pad-y: calc(var(--space-unit) * 5);
  --section-pad-x: var(--space-unit);
  --container-max: 1140px;

  /* ---- Misc ---- */
  --radius: 8px;
  --radius-lg: 16px;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}