/* tokens.css: Nomad Fuel Sparks. Monochrome, dark only, sharp corners. */
@font-face {
  font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  src: url("/fonts/archivo-wdth-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo"; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  src: url("/fonts/archivo-wdth-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/geist-wght-normal.woff2") format("woff2");
}

:root {
  color-scheme: dark;

  --bg: #0b0b0c;
  --bg-raise: #131315;
  --text: #f4f4f2;
  --text-2: rgb(244 244 242 / .72);
  --text-muted: rgb(244 244 242 / .56);
  --line: rgb(244 244 242 / .14);
  --accent: #f4f4f2;
  --accent-contrast: #0b0b0c;
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--text);

  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-body: 1.0625rem;

  --radius-button: 0;
  --nav-h: 68px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --container: 1320px;
  --section-y: clamp(5.5rem, 11vw, 10rem);

  --dur: .25s;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --z-nav: 50;
  --z-overlay: 80;
  --z-grain: 90;
}