@import "https://unpkg.com/open-props";
@import "https://unpkg.com/open-props/normalize.min.css" layer(normalize);
@import "https://unpkg.com/open-props/buttons.min.css" layer(buttons);
@import "./maingrid.css" layer(maingrid);
@import "./header.css" layer(header);
@import "./form.css" layer(form);
@import "./helper.css" layer(helper);

:root {
  accent-color: green;

  --prime-color: lightblue;
  --sec-color: lightgreen;

  --case-col: #a71930;
  --steyr-col: #e20026;
  --gradient-brand: linear-gradient(
    111deg,
    var(--steyr-col) 0%,
    var(--case-col) 100%
  );
}

body {
  background: var(--gray-1);
  min-height: 100vh;
  padding-top: var(--size-fluid-5);
  margin: 0;
  font-family: var(--font-neo-grotesque);
  font-size: var(--font-size-fluid-0);
}

h1 {
  font-size: var(--font-size-fluid-3);
}
h2 {
  font-size: var(--font-size-fluid-2);
}
h3 {
  font-size: var(--font-size-fluid-1);
}
main {
  min-height: 100vh;
}