/* src/netlify/fonts.css */

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

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

@font-face {
  font-family: "ABCDiatype";
  src: url("./fonts/ABCDiatype-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "ABCDiatype Condensed";
  src: url("./fonts/ABCDiatypeCondensed-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* Hosted Cables patch compatibility aliases. Existing exported graphs refer to
   these legacy family names from FontFile_v2; the host maps them to the
   canonical production assets while editor/standalone loading remains separate. */
@font-face {
  font-family: "tbb";
  src: url("./fonts/ABCDiatype-Medium-Trial.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

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

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

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

:root {
  --font-ui: "ABCDiatype", Helvetica, Arial, sans-serif;
  --font-ui-condensed: "ABCDiatype Condensed", "ABCDiatype", Helvetica, Arial, sans-serif;
  --es-font-family: var(--font-ui);
  --es-font-family-condensed: var(--font-ui-condensed);
  --font-base: var(--font-ui);
  --font-strong: var(--font-ui);
  --font-cond: var(--font-ui-condensed);
  --font-black: var(--font-ui);
  --font-fallback: Helvetica, Arial, sans-serif;
}

html,
body,
#esos-root,
#public-root {
  font-family: var(--font-ui);
  font-synthesis: none;
  font-weight: 500;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
}