@font-face{font-family:Manrope;src:url('/static/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Outfit;src:url('/static/fonts/outfit-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/static/fonts/ibm-plex-mono-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/static/fonts/ibm-plex-mono-500.ttf') format('truetype');font-weight:500;font-display:swap}

:root{
  --color-background:#fff;
  --color-ink:#08201c;
  --color-accent:#0fbfa1;
  --color-accent-strong:#0fbfa1;
  --color-accent-foreground:#04231e;
  --color-soft:#eff8f6;
  --color-muted:#5d716c;
  --color-deep:#0b302a;
  --color-accent-ink:#0a8a75;
  --color-card:#fff;
  --gradient-accent:linear-gradient(105deg,var(--color-accent),var(--color-accent-strong));
  --font-body:Manrope,Helvetica,Arial,sans-serif;
  --font-heading:Outfit,Manrope,sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
  --page-gutter:clamp(32px,5vw,120px);
}