@font-face { font-family: "Instrument Serif"; src: url("assets/fonts/InstrumentSerif-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("assets/fonts/InstrumentSerif-Italic.ttf") format("truetype"); font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("assets/fonts/InstrumentSans-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("assets/fonts/InstrumentSans-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/fonts/IBMPlexMono-Regular.ttf") format("truetype"); font-display: swap; }
:root {
  --color-black: #0B0C0F; --color-purple: #5B5CE2; --color-purple-on-dark: #8586F4; --color-ivory: #F4F1EA; --color-graphite: #25272C; --color-mist: #B8BBC2;
  --font-editorial: "Instrument Serif", Georgia, serif; --font-sans: "Instrument Sans", Arial, sans-serif; --font-mono: "IBM Plex Mono", monospace;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --space-32: 128px;
  --radius-none: 0; --radius-micro: 2px; --radius-small: 6px;
  --grid-desktop: 12; --grid-tablet: 8; --grid-mobile: 4; --layout-max: 1440px;
  --motion-fast: 180ms; --motion-base: 360ms; --motion-extract: 980ms; --ease-extract: cubic-bezier(.22, 1, .36, 1);
  --z-base: 0; --z-content: 10; --z-header: 50; --z-overlay: 100;
}