/* ── Chick-fil-A Typography ────────────────────────────────────
   Apercu is the brand typeface across all applications. Apercu Bold
   carries headlines; Medium for subheads/labels/buttons; Regular for body.
   The Chick-fil-A script wordmark is a logo asset, never a font. */
:root{
  --font-sans:"Apercu","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-body:var(--font-sans);
  --font-display:var(--font-sans);
  --font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

  /* Weights */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Type scale (1.250 major-third-ish, tuned) */
  --fs-display:64px;
  --fs-h1:48px;
  --fs-h2:36px;
  --fs-h3:28px;
  --fs-h4:22px;
  --fs-title:18px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-caption:13px;
  --fs-label:12px;

  /* Line heights */
  --lh-tight:1.05; /* @kind font */
  --lh-heading:1.15; /* @kind font */
  --lh-snug:1.35; /* @kind font */
  --lh-body:1.55; /* @kind font */

  /* Letter spacing */
  --ls-tight:-0.02em; /* @kind font */
  --ls-normal:0; /* @kind font */
  --ls-label:0.08em;    /* uppercase labels/eyebrows @kind font */
  --ls-wide:0.14em;     /* FT. TOTTEN-style locator caps @kind font */
}