@import "normalize";
@import "variable";

/* ==================================== */
/* Font Face Declaration */
/* ==================================== */

@font-face {
  font-family: "DIN Next LT Pro";
  src: url(../fonts/DINNextLTPro-Light.woff2);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "DIN Next LT Pro";
  src: url(../fonts/DINNextLTPro-Regular.woff2);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "DIN Next LT Pro";
  src: url(../fonts/DINNextLTPro-Medium.woff2);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "DIN Next LT Pro";
  src: url(../fonts/DINNextLTPro-Bold.woff2);
  font-weight: 700;
  font-style: normal;
}

/* ==================================== */
/* DOKU Reset Styles */
/* ==================================== */

// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  @media (prefers-reduced-motion: no-preference) {
    scroll-behavior: smooth;
  }
}

body {
  background-color: var(--d-background-color);
  color: var(--d-color-neutral-80);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

img,
svg {
  vertical-align: middle;
}

/* ==================================== */
/* Global Styles */
/* ==================================== */

.d-body-overflow-hidden {
  overflow: hidden;
}

/* ==================================== */
/* Component Styles */
/* ==================================== */

@import "component";