@import url("../shared/template-base.css");

:root {
  --color-bg: #070808;
  --color-bg-soft: #101313;
  --color-card: rgba(255, 255, 255, 0.075);
  --color-text: #f2f4ef;
  --color-muted: #9fa69b;
  --color-primary: #c8f165;
  --color-secondary: #f24822;
  --hero-image: url("https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1800&q=80");
}

.hero h1 {
  text-transform: uppercase;
}