/* HDD Depot — local fonts from /fonts folder (1 file = 1 name) */

@font-face {
  font-family: "SegoeUIRegular";
  src: url("../fonts/segoe-ui-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SegoeUIItalic";
  src: url("../fonts/segoe-ui-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "SegoeUISemiBold";
  src: url("../fonts/segoe-ui-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SegoeUIBold";
  src: url("../fonts/segoe-ui-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ImpactRegular";
  src: url("../fonts/impact-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-segoe-ui-regular: "SegoeUIRegular";
  --font-segoe-ui-italic: "SegoeUIItalic";
  --font-segoe-ui-semibold: "SegoeUISemiBold";
  --font-segoe-ui-bold: "SegoeUIBold";
  --font-impact-regular: "ImpactRegular";
}

.font-segoe-ui-regular {
  font-family: var(--font-segoe-ui-regular);
  font-weight: 400;
  font-style: normal;
}

.font-segoe-ui-italic {
  font-family: var(--font-segoe-ui-italic);
  font-weight: 400;
  font-style: italic;
}

.font-segoe-ui-semibold {
  font-family: var(--font-segoe-ui-semibold);
  font-weight: 600;
  font-style: normal;
}

.font-segoe-ui-bold {
  font-family: var(--font-segoe-ui-bold);
  font-weight: 700;
  font-style: normal;
}

.font-impact-regular {
  font-family: var(--font-impact-regular);
  font-weight: 400;
  font-style: normal;
}