/* DNSY design tokens: single source for the web UI, docs and landing page. */
@font-face {
  font-family: "Michroma";
  font-weight: 400;
  font-display: swap;
  src: url("fonts/michroma-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-weight: 400;
  font-display: swap;
  src: url("fonts/geist-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-weight: 500;
  font-display: swap;
  src: url("fonts/geist-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-weight: 600;
  font-display: swap;
  src: url("fonts/geist-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-weight: 400;
  font-display: swap;
  src: url("fonts/geist-mono-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-weight: 500;
  font-display: swap;
  src: url("fonts/geist-mono-latin-500-normal.woff2") format("woff2");
}

:root {
  --dnsy-bg: #050505;
  --dnsy-surface: #0d0d0d;
  --dnsy-text: #f2f2f2;
  --dnsy-muted: #8c8c8c;
  --dnsy-line: #2a2a2a;
  --dnsy-red: #ff2e2e;
  --dnsy-amber: #ffb020;
  --dnsy-secure: #3ddc97;

  --dnsy-font-display: "Michroma", "Eurostile", "Arial", sans-serif;
  --dnsy-font-body: "Geist", ui-sans-serif, system-ui, sans-serif;
  --dnsy-font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
}