/* src/netlify/fonts.css */

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

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

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

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

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

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

:root {
  --es-font-family: "ABCDiatype", Helvetica, Arial, sans-serif;
  --es-font-family-condensed: "ABCDiatype Condensed", "ABCDiatype", Helvetica, Arial, sans-serif;
}

/* 3DX2-only shared font test */
[data-esos-tool-direct="true"][data-esos-tool-label="3D*2"],
[data-esos-tool-direct="true"][data-esos-tool-label="3D*2"] * {
  font-family: var(--es-font-family);
}

[data-esos-tool-direct="true"][data-esos-tool-label="3D*2"] .sidebar-cables,
[data-esos-tool-direct="true"][data-esos-tool-label="3D*2"] .sidebar-cables * {
  font-family: var(--es-font-family);
}