/* 255labs Brand System v1.0. Self-hosted fonts and shared tokens. */
@font-face { font-family: 'Manrope Variable'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('./fonts/manrope-latin-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-latin-400.woff2') format('woff2'); }
:root {
  --brand-color-signal: #D7FF3F;
  --brand-color-ink: #101110;
  --brand-color-paper: #F1F2EA;
  --brand-color-graphite: #22251F;
  --brand-color-muted: #A0A69A;
  --brand-color-line: #35392F;
  --brand-color-blue: #AACBFA;
  --brand-color-lilac: #D7BDF6;
  --brand-font-sans: "Manrope Variable", "Manrope", sans-serif;
  --brand-font-mono: "IBM Plex Mono", monospace;
  --brand-space-1: 4px;
  --brand-space-2: 8px;
  --brand-space-3: 12px;
  --brand-space-4: 16px;
  --brand-space-6: 24px;
  --brand-space-8: 32px;
  --brand-space-12: 48px;
  --brand-space-16: 64px;
  --brand-space-24: 96px;
  --brand-radius-small: 4px;
  --brand-radius-medium: 8px;
  --brand-radius-large: 12px;
}