:root {
  /* Brand colors — use these variables throughout the website. */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-primary: #0F3473;
  --color-secondary: #F6F4F1;
  --color-accent: #E05A3A;
  --color-amber: #D98A2B;
  --color-amber-light: #F4C778;
  --color-teal: #0F8A73;
  --color-charcoal: #12151C;

  /* Typography */
  --font-primary: "Geist Variable", "Geist", Arial, sans-serif;
  --font-body: var(--font-primary);
  --font-heading: var(--font-primary);

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}