@font-face {font-family:"Space Grotesk";src:url("space-grotesk-latin.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap;}
@font-face {font-family:"Newsreader";src:url("newsreader-display.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
:root {
      --bg: oklch(0.1149 0 0);
      --surface: oklch(0.1553 0.0042 162.48);
      --surface-strong: oklch(0.184 0.0081 162.48);
      --fg: oklch(0.9764 0.0013 162.48);
      --body: oklch(0.7882 0.0112 162.48);
      --muted: oklch(0.62 0.0149 162.48);
      --border: oklch(0.2776 0.0036 162.48);
      --accent: oklch(0.696 0.17 162.48);
      --accent-hover: oklch(0.765 0.177 163.22);
      --accent-deep: oklch(0.596 0.145 163.23);
      --success: oklch(0.8529 0.0919 162.52);
      --font-display: "Newsreader", Georgia, serif;
      --font-body: "Space Grotesk", system-ui, sans-serif;
      --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
      --max: 1280px;
      --gutter: clamp(1.25rem, 4vw, 3.5rem);
      --radius: 24px;
      --text: var(--fg); --line: var(--border); --brand: var(--accent); --brand-strong: var(--accent-deep); --brand-soft: oklch(0.696 0.17 162.48 / .12); --line-accent: oklch(0.696 0.17 162.48 / .32); --font: var(--font-body);
    }