/* ─── GRAVELNDAR Typography Tokens ───────────────────────────────────────── */
/* NOTE: Barlow Condensed is used as the closest Google Fonts match for the   */
/* bold condensed display style seen in reference materials. The GRAVELNDAR    */
/* wordmark uses a fully custom geometric typeface (not available as a font).  */
/* Please supply the exact display font files for a perfect match.             */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700;800&display=swap');

/* ── Self-hosted: JetBrains Mono (variable) ── */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ── Font families ── */
  --font-display: 'Barlow Condensed', 'Impact', sans-serif;
  --font-body:    'Barlow', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Scale ── */
  --text-xs:   0.75rem;    /* 12px — labels, captions */
  --text-sm:   0.875rem;   /* 14px — small body */
  --text-base: 1rem;       /* 16px — body default */
  --text-md:   1.125rem;   /* 18px — large body */
  --text-lg:   1.375rem;   /* 22px — lead / intro */
  --text-xl:   1.75rem;    /* 28px — small heading */
  --text-2xl:  2.25rem;    /* 36px — section heading */
  --text-3xl:  3rem;       /* 48px — page heading */
  --text-4xl:  4rem;       /* 64px — hero heading */
  --text-5xl:  5.5rem;     /* 88px — super display */
  --text-6xl:  7.5rem;     /* 120px — billboard */

  /* ── Weight ── */
  --weight-light:      300;
  --weight-regular:    400;
  --weight-medium:     500;
  --weight-semibold:   600;
  --weight-bold:       700;
  --weight-extrabold:  800;
  --weight-black:      900;

  /* ── Leading (line-height) ── */
  --leading-none:    1;
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ── Tracking (letter-spacing) ── */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.06em;
  --tracking-wider:  0.1em;
  --tracking-widest: 0.18em;

  /* ── Semantic roles ── */
  --type-hero:    var(--font-display); /* all-caps billboard text */
  --type-heading: var(--font-display); /* section headings */
  --type-body:    var(--font-body);    /* paragraph text */
  --type-label:   var(--font-body);    /* UI labels, tags */
  --type-mono:    var(--font-mono);    /* code, data */
}