/* prorender Designsystem – Design-Tokens (Farben, Schriften, Abstände). Dokumentation: /styleguide */
@font-face { font-family: "Instrument Serif"; src: url("../fonts/iserif.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/iserif-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dmmono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("../fonts/dmmono-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --night: #0b0e17;
  --night-2: #111522;
  --night-3: #181d2e;
  --paper: #f4f4f1;
  --paper-2: #eaebe7;
  --ink: #0d1019;
  --text: #2a3140;
  --mute: #5b6373;
  --mute-d: #98a2b8;
  --line: #cfd2d2;
  --line-d: rgba(255,255,255,.14);
  --v: #7c8cff;
  --c: #6fe3f0;
  --v-l: #4b3fe0;
  --c-l: #0b8fb0;
  --g: linear-gradient(100deg, var(--v), var(--c));
  --g-l: linear-gradient(100deg, var(--v-l), var(--c-l));
  --wrap: 1360px;
  --pad: clamp(20px, 4vw, 56px);
  --serif: "Instrument Serif", Georgia, serif;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "DM Mono", ui-monospace, Menlo, monospace;
}