@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Barlow:wght@400;600&display=swap');

:root {
  --element-text-font-family--body: 'Barlow', sans-serif;
  --element-text-font-family--heading: 'Barlow Condensed', sans-serif;
  --element-text-font-weight--heading: 800;
  --element-text-text-transform--heading: uppercase;

  --black: #080808;
  --charcoal: #141414;
  --steel: #1e1e1e;
  --iron: #2a2a2a;
  --mid: #3a3a3a;
  --silver: #888;
  --light: #bbb;
  --white: #f0ece6;
  --orange: #e85d04;
  --yellow: #f4a800;
  --green: #22c55e;
  --red: #ef4444;
}