/* BC Construtora — Typography tokens
 * Two families (brand manual, pg. 11):
 *  · Titillium Web  — the workhorse. Every carousel headline, subhead, body & CTA is set in it
 *    (Bold/Black for headlines, Regular for body, SemiBold/Bold for inline emphasis).
 *  · Vipnagorgialla — the "rigid" logo font, used sparingly for brand/section labels & the wordmark.
 *    Substituted here by Chakra Petch (see fonts.css).
 *
 * Sizes are tuned for the native 1080×1350 (4:5) carousel canvas. When the canvas is scaled down
 * for preview, sizes scale with it. Never smaller than 30px on the full-size canvas.
 */
:root {
  --font-text: 'Titillium Web', system-ui, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Chakra Petch', 'Titillium Web', system-ui, sans-serif;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-black: 900; /* @kind font */

  /* Type scale — full-size carousel canvas */
  --fs-display: 94px;   /* cover headline (Titillium 700/900) */
  --fs-title: 74px;     /* big red text-only headline */
  --fs-title-sm: 58px;  /* image-slide headline */
  --fs-lead: 42px;      /* subhead / lead line */
  --fs-body: 38px;      /* running body copy */
  --fs-small: 30px;     /* swipe hint, captions, tagline */
  --fs-label: 26px;     /* eyebrow / section label (display font, tracked out) */

  /* Line heights */
  --lh-display: 1.02; /* @kind font */
  --lh-title: 1.06; /* @kind font */
  --lh-lead: 1.22; /* @kind font */
  --lh-body: 1.44; /* @kind font */

  /* Tracking */
  --ls-display: -0.01em; /* @kind font */
  --ls-label: 0.16em; /* @kind font */
  --ls-body: 0em; /* @kind font */
}