/* Fonts: self-hosted, one variable file each for Sora and Inter. */
@font-face {
  font-family: 'Sora';
  src: url('../fonts/sora-latin-wght.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-latin-wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrains-mono-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Design tokens. The single source of truth for colour, type and width. */
:root {
  --kb-navy: #0A0E16;
  --kb-navy-2: #111725;
  --kb-card-dark: #151C2B;
  --kb-gold: #E5B23C;
  --kb-gold-hover: #F2C960;
  --kb-gold-ink: #8A6714;
  --kb-ink-light: #EEF1F6;
  --kb-muted-light: #9AA6B8;
  --kb-cream: #FAF7F1;
  --kb-cream-2: #F2ECE1;
  --kb-ink: #1A1F28;
  --kb-body: #4A5560;
  --kb-line: #E2DACB;
  --kb-line-dark: rgba(229, 178, 60, .18);
  --kb-font-head: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --kb-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --kb-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --kb-width: 1080px;
  --kb-gutter: 24px;
}