/* ============================================================
   Coffs Coast Drones — Typography tokens + webfonts
   Art direction: signage, not startup. Instrument readout, not
   product listing.

   Display:  Archivo — a grotesque with real weight and slight
             condensation. Authority. Tight tracking; UPPERCASE
             for hero statements, section labels, the wordmark.
             Also carries headings.
   Body:     Public Sans — a highly legible neutral sans, set at a
             generous 17px base. This is a shop; readability wins.
   Mono:     IBM Plex Mono — the utility/data face. THE rule of this
             identity: EVERY number on the site is monospace —
             prices, SKUs, specs, flight times, payload, range,
             altitude. That single decision carries the identity.
             Use the .ccd-data / .ccd-num helper on any numeric run.
   All families load from Google Fonts via styles.css.
   ============================================================ */

:root {
  /* Families */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-heading: "Archivo", system-ui, sans-serif;
  --font-body:    "Public Sans", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Type scale (1.250 major-third, base 16px) */
  --text-2xs: 0.694rem;  /* 11px */
  --text-xs:  0.8rem;    /* ~13px */
  --text-sm:  0.875rem;  /* 14px */
  --text-md:  1rem;      /* 16px */
  --text-base:1.0625rem; /* 17px — body running text */
  --text-lg:  1.25rem;   /* 20px */
  --text-xl:  1.563rem;  /* 25px */
  --text-2xl: 1.953rem;  /* 31px */
  --text-3xl: 2.441rem;  /* 39px */
  --text-4xl: 3.052rem;  /* 49px */
  --text-5xl: 3.815rem;  /* 61px */
  --text-6xl: 4.768rem;  /* 76px */

  /* Weights */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */ /* display headlines */

  /* Line heights */
  --lh-tight:   0.98; /* @kind font */ /* display headlines */
  --lh-snug:    1.15; /* @kind font */
  --lh-normal:  1.6;  /* @kind font */ /* body running text */
  --lh-relaxed: 1.7;  /* @kind font */

  /* Letter spacing */
  --ls-display: -0.035em; /* @kind font */ /* tight, condensed authority */
  --ls-heading: -0.02em;  /* @kind font */
  --ls-eyebrow:  0.16em;  /* @kind font */ /* uppercase mono labels */
  --ls-data:     0.02em;  /* @kind font */ /* mono numeric runs */
  --ls-normal:   0;       /* @kind font */
}
