/* ============================================================
   LODE Strength — Typography
   - Display / brand wordmark: "Audiowide" (squared, technical,
     retro-futuristic — the LODE wordmark face, self-hosted).
   - UI text: "Inter" (self-hosted variable), with the native
     SF Pro stack as the on-device fallback.
   - Numerics: Audiowide for big stat/metric figures.
   ============================================================ */

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

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Families */
  --font-display: 'Audiowide', -apple-system, system-ui, sans-serif;    /* wordmark, headlines, big numbers */
  --font-ui: 'Inter', -apple-system, 'SF Pro Text', 'SF Pro Display', system-ui,
             'Helvetica Neue', Arial, sans-serif;                       /* all body / control text */
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  /* Weights — Audiowide ships a single 400 master; the display
     face always renders at 400. UI weights below apply to SF Pro. */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-heavy: 800;     /* @kind font */
  --fw-display: 400;   /* @kind font */ /* Audiowide is single-weight */

  /* Type scale (px). iOS-derived; display uses Audiowide. */
  --t-hero: 56px;        /* marketing hero */
  --t-display: 40px;     /* large titles */
  --t-title1: 32px;
  --t-title2: 26px;
  --t-title3: 22px;      /* nav large title / metric */
  --t-headline: 18px;    /* card headers (semibold) */
  --t-body: 17px;        /* iOS body */
  --t-callout: 16px;
  --t-subhead: 15px;
  --t-footnote: 13px;
  --t-caption: 12px;
  --t-micro: 11px;       /* uppercase labels (LB / REPS) */

  /* Line heights */
  --lh-tight: 1.05;    /* @kind font */
  --lh-snug: 1.2;      /* @kind font */
  --lh-normal: 1.4;    /* @kind font */
  --lh-relaxed: 1.5;   /* @kind font */

  /* Tracking */
  --ls-tight: -0.02em;   /* @kind font */
  --ls-snug: -0.01em;    /* @kind font */
  --ls-normal: 0;        /* @kind font */
  --ls-label: 0.06em;    /* @kind font */ /* uppercase micro labels */
  --ls-wordmark: 0.02em; /* @kind font */
}

/* Brand wordmark helper — "LODE" in caps, optical squared look */
.lode-wordmark {
  font-family: var(--font-display);
  font-weight: var(--fw-display);
  letter-spacing: var(--ls-wordmark);
  text-transform: uppercase;
  line-height: 1;
}

/* Uppercase micro label (LB · REPS · MO TU WE) */
.lode-label {
  font-family: var(--font-ui);
  font-weight: var(--fw-bold);
  font-size: var(--t-micro);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--text-secondary);
}

/* Tabular figures for any weight/reps/metric readout */
.lode-tnum { font-variant-numeric: tabular-nums; }