@font-face { font-family: "IBM Plex Sans"; src: url("/fonts/IBMPlexSans-VariableFont_wdth_wght.ttf") format("truetype-variations"); font-weight: 100 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Marcellus"; src: url("/fonts/Marcellus-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
:root {
  --color-fg-primary: oklch(96% 0.005 80);
  --color-border-subtle: oklch(28% 0.006 60);
  --color-border-strong: oklch(40% 0.008 60);
  --shadow-float: 0 8px 24px rgba(0,0,0,0.55);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-base: 150ms;
  --font-display: "Marcellus", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
}
html,body { margin:0; padding:0; background:#08080a; font-family: var(--font-sans); }