:root {
  /* --- Fonts --- */
  --font-headline: "Futura PT", sans-serif;
  --font-body: "Roboto", sans-serif;

  /* --- Brand Colors --- */
  --color-deep-blue: #293673;
  --color-night-sky-blue: #0F0F33;
  --color-lilac-blue: #6B8CFF;
  --color-calm-green: #3DBC6E;
  --color-bright-green: #7DFC94;
  --color-orange: #FF805C;
  --color-light-grey: #E0E0E0;
  --color-electric-violet: #7a44ff;
  --color-off-white: #FAFAFA;

  /* --- Logo Colors  */
  --color-logo-green: var(--color-bright-green);
  --color-logo-violet: var(--color-lilac-blue);

  /* --- Common Text Colors --- */
  --text-primary: var(--color-night-sky-blue);
  --text-secondary: var(--color-deep-blue);

  /* --- Backgrounds --- */
  --bg-primary: var(--color-off-white);
  --bg-dark: var(--color-night-sky-blue);
}