/* Bikotic typography: FINAL, locked 28 Oct 2026.
   Source of truth: brand-guide.md, section 2. */

/* This app's copy serves the fonts from its own files (fonts/, made by tools/fetch_fonts.py), not Google Fonts:
   the same Oswald 500/600, IBM Plex Sans 400/500/600 and JetBrains Mono 500/700. */
@import url("fonts/fonts.css");

:root {
  --bk-font-head: "Oswald", "Arial Narrow", sans-serif;          /* headings, labels, nav, main buttons */
  --bk-font-body: "IBM Plex Sans", system-ui, sans-serif;        /* reading text */
  --bk-font-data: "JetBrains Mono", ui-monospace, monospace;     /* numbers, prices, measurements */
}

body { font-family: var(--bk-font-body); font-size: 16px; line-height: 1.6; }

/* Headings: Oswald, uppercase */
.bk-h1 { font-family: var(--bk-font-head); font-weight: 600; font-size: clamp(48px, 6.5vw, 80px); line-height: 1; text-transform: uppercase; }
.bk-h2 { font-family: var(--bk-font-head); font-weight: 600; font-size: clamp(34px, 4vw, 48px); line-height: 1.05; text-transform: uppercase; }
.bk-h3 { font-family: var(--bk-font-head); font-weight: 500; font-size: 24px; line-height: 1.15; text-transform: uppercase; }
.bk-label { font-family: var(--bk-font-head); font-weight: 500; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }

/* Body: IBM Plex Sans */
.bk-lead { font-size: 19px; line-height: 1.6; }
.bk-body { font-size: 18px; line-height: 1.7; }   /* articles and guides */
.bk-small { font-size: 14px; line-height: 1.5; }

/* Data: JetBrains Mono, fixed-width numbers */
.bk-data { font-family: var(--bk-font-data); font-weight: 500; font-variant-numeric: tabular-nums; }
.bk-data-strong { font-family: var(--bk-font-data); font-weight: 700; font-variant-numeric: tabular-nums; }