/* GENERATED from tokens.json by scripts/brand.js — do not edit by hand.
   mlz brand v1.0.0 · https://mlz.no/brand/BRAND.md
   Font URLs are relative, so they resolve next to this file wherever it
   is served from: mlz.no, jsDelivr or a local checkout.
   Dark values apply under data-theme="dark" on <html>; see BRAND.md. */

@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("fonts/newsreader-italic-variable.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-700.woff2") format("woff2");
}

:root {
  --bg: oklch(0.95 0.006 250);
  --fg: oklch(0.18 0.006 250);
  --fg-secondary: oklch(0.36 0.006 250);
  --fg-muted: oklch(0.49 0.01 250);
  --border: oklch(0.85 0.008 250);
  --accent: oklch(0.7 0.16 285);
  --accent-deep: oklch(0.44 0.12 285);
  --glitch-2: oklch(0.58 0.17 40);

  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono:
    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --radius: 4px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: oklch(0.2 0.006 265);
  --fg: oklch(0.94 0.006 265);
  --fg-secondary: oklch(0.78 0.006 265);
  --fg-muted: oklch(0.66 0.01 265);
  --border: oklch(0.31 0.008 265);
  --accent: oklch(0.7 0.16 285);
  --accent-deep: oklch(0.74 0.16 285);
  --glitch-2: oklch(0.68 0.17 40);

  color-scheme: dark;
}