/* Mina Rides — Typography tokens
   One family, many weights, total consistency: Poppins.
   Round, open letterforms read instantly on a phone — young & energetic, never stiff. */

:root {
  /* ---- Families ---- */
  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Poppins', system-ui, sans-serif;  /* headlines — Bold */
  --font-body: 'Poppins', system-ui, sans-serif;     /* body — Regular */

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600;   /* subheads @kind font */
  --fw-bold: 700;       /* headlines & UI emphasis @kind font */

  /* ---- Type scale (1.25 major-third-ish, tuned) ---- */
  --fs-display: 56px;   /* hero lines */
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  /* ---- Line heights ---- */
  --lh-tight: 1.05;     /* big display @kind font */
  --lh-snug: 1.2;       /* headings @kind font */
  --lh-normal: 1.5;     /* body @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Tracking ---- */
  --ls-tight: -0.02em;  /* display & headings @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.02em; /* @kind font */
  --ls-eyebrow: 0.28em; /* the spaced-caps eyebrow seen throughout the brand @kind font */
}