/*
 * Dental fonts only — load this file before app CSS.
 *
 * HTML (recommended, fastest):
 *   <link rel="preload" href=".../Dental-Regular.woff2" as="font" type="font/woff2" crossorigin>
 *   <link rel="stylesheet" href=".../fonts/dental.css">
 *   <link rel="stylesheet" href=".../css.css">
 *
 * Do NOT @import this from css.css — @import delays parallel CSS download.
 * Browsers download a .woff2 only when that weight/style is used on the page.
 *
 * Family name is "Dental" only — do not register MarketDental or md2.
 */

:root {
  --font-family-dental: "Dental", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --font-weight-light: 300;
  --font-weight-book: 350;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-heavy: 900;
}

/* 300 — Light */
@font-face {
  font-family: "Dental";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-LightItalic.woff2") format("woff2");
}

/* 350 — Book */
@font-face {
  font-family: "Dental";
  font-weight: 350;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Book.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 350;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-BookItalic.woff2") format("woff2");
}

/* 400 — Regular (default body) */
@font-face {
  font-family: "Dental";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Regular.woff2") format("woff2");
}

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

/* 500 — Medium */
@font-face {
  font-family: "Dental";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-MediumItalic.woff2") format("woff2");
}

/* 600 — SemiBold */
@font-face {
  font-family: "Dental";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-SemiBoldItalic.woff2") format("woff2");
}

/* 700 — Bold */
@font-face {
  font-family: "Dental";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-BoldItalic.woff2") format("woff2");
}

/* 800 — ExtraBold */
@font-face {
  font-family: "Dental";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-ExtraBoldItalic.woff2") format("woff2");
}

/* 900 — Heavy */
@font-face {
  font-family: "Dental";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("./Dental-Heavy.woff2") format("woff2");
}

@font-face {
  font-family: "Dental";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url("./Dental-HeavyItalic.woff2") format("woff2");
}