:root {
  --cover-border-radius: 0;
  --ul-list-style-type: square;
}
:root {
  --bg-1: hsl(0 0% 90%);
  --bg-1-90: hsl(0 0% 90% / 90%);
  --bg-1-overlay: hsl(0 0% 90% / 80%);
  --bg-2: hsl(0 0% 76.83%);
  --bg-2-overlay: hsl(0 0% 76.83% / 80%);
  --bg-3: hsl(0 0% 62.06%);
  --bg-acc: hsl(0 0% 31.69%);
  --bg-acc-overlay: hsl(0 0% 31.69% / 80%);
  --bg-mg: hsl(0 0% 52%);
  --fg-1: hsl(0 0% 0%);
  --fg-1-focus: var(--fg-3);
  --fg-1-veil: hsl(0 0% 0% / var(--veil-a));
  --fg-2: hsl(0 0% 8.6%);
  --fg-3: hsl(0 0% 28.06%);
  --fg-3-focus: var(--bg-mg);
  --fg-acc: hsl(0 0% 100%);
  --fg-mg: hsl(0 0% 28%);
  --mg: hsl(0 0% 38.86%);
  --mg-acc: hsl(0 0% 31.69%);
  --mg-acc-overlay: hsl(0 0% 31.69% / 80%);
}

@supports (color: oklch(0% 0% 0)) {
  :root {
    --bg-1: oklch(92.34% 0% 0);
    --bg-1-90: oklch(92.34% 0% 0 / 90%);
    --bg-1-overlay: oklch(92.34% 0% 0 / 80%);
    --bg-2: oklch(82% 0% 0);
    --bg-2-overlay: oklch(82% 0% 0 / 80%);
    --bg-3: oklch(70% 0% 0);
    --bg-acc: oklch(38% 0% 0);
    --bg-acc-overlay: oklch(38% 0% 0 / 80%);
    --bg-mg: oklch(60% 0% 0);
    --fg-1: oklch(0% 0% 0);
    --fg-1-focus: var(--fg-3);
    --fg-1-veil: oklch(0% 0% 0 / 3%);
    --fg-2: oklch(20% 0% 0);
    --fg-3: oklch(40% 0% 0);
    --fg-3-focus: var(--bg-mg);
    --fg-acc: oklch(100% 0% 0);
    --fg-mg: oklch(45% 0% 0);
    --mg: oklch(50% 0% 0);
    --mg-acc: oklch(38% 0% 0);
    --mg-acc-overlay: oklch(38% 0% 0 / 80%);
  }
}
@font-face {
  font-display: fallback;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src:
    local("Barlow"),
    url("barlow-v12-latin-regular.woff2") format("woff2");
}
body,
button,
input {
  font-family:
    "Barlow",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
}