/* mlz.no — colours are the same OKLCH values the old design-system tokens
   resolved to; oklch() is native CSS so there's nothing to compile. */

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/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("/assets/fonts/ibm-plex-mono-700.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/newsreader-italic-variable.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-mono:
    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;

  --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.86 0.006 265);
  --fg-muted: oklch(0.7 0.01 265);
  --border: oklch(0.31 0.008 265);
  --accent-deep: oklch(0.74 0.16 285);
  --glitch-2: oklch(0.68 0.17 40);

  color-scheme: dark;
}