@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist_400Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist_500Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist_600SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('./fonts/GeistMono_500Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Serif';
  src: url('./fonts/InstrumentSerif_400Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Serif';
  src: url('./fonts/InstrumentSerif_400Regular_Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Snapshot of distill-mobile/src/shared/theme/tokens.ts. Re-copy brand assets
   from mobile when the identity changes; the mobile worktree is authoritative. */
:root {
  --background: #0F131D;
  --surface: #0F131D;
  --raised: #161B27;
  --accent-soft: #0C1732;
  --accent: #2F6BFF;
  /* One green-channel step darker gives normal-size white CTA text 4.5:1. */
  --accent-action: #2F6AFF;
  --accent-hover: #2457D6;
  --on-accent: #FFFFFF;
  --accent-ink: #82A6FF;
  --text-primary: #F7F6F2;
  --text-secondary: #A3A3AB;
  --text-tertiary: #8C8C95;
  --text-disabled: #5C5C64;
  --border: #272C3A;
  --border-strong: #3A4050;
  --rating: #F4B13E;
  --success: #5BD18A;
  --error: #FF6B6B;
  --overlay: rgba(6, 9, 17, 0.72);
  --overlay-strong: rgba(6, 9, 17, 0.92);
  --font-body: 'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-label: 'Geist Mono', ui-monospace, monospace;
  color-scheme: dark;
}