/* ============================================================
   Boatwork — Typography tokens
   Display: Space Grotesk  (PP Telegraf substitute)
   Text/UI: Hanken Grotesk (Founders Grotesk substitute)
   ============================================================ */

:root {
  /* ---- Families -------------------------------------------- */
  --bw-font-display: "Space Grotesk", "PP Telegraf", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bw-font-text:    "Hanken Grotesk", "Founders Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---- Weights --------------------------------------------- */
  --bw-weight-regular: 400;
  --bw-weight-medium:  500;
  --bw-weight-semibold:600;
  --bw-weight-bold:    700;

  /* ---- Display tracking ------------------------------------ */
  --bw-tracking-display: -0.02em;  /* tight headlines           */
  --bw-tracking-tight:   -0.01em;  /* UI labels                 */

  /* ---- Type scale (px) ------------------------------------- */
  --bw-size-display-xl: 60px;  /* page hero (Welcome back)      */
  --bw-size-display-lg: 55px;  /* home hero headline            */
  --bw-size-display-md: 48px;  /* CTA panel headline            */
  --bw-size-h1:         34px;  /* contractor / profile name     */
  --bw-size-h2:         28px;  /* section titles                */
  --bw-size-h3:         22px;  /* card titles, step headings    */
  --bw-size-lead:       22px;  /* hero subtitle                 */
  --bw-size-body-lg:    19px;  /* paragraph copy                */
  --bw-size-body:       18px;  /* default UI / nav / inputs     */
  --bw-size-sm:         16px;  /* secondary labels              */
  --bw-size-xs:         14px;  /* captions, meta                */

  /* ---- Line heights ---------------------------------------- */
  --bw-leading-tight:  1.0;
  --bw-leading-snug:   1.23;
  --bw-leading-normal: 1.32;
  --bw-leading-relaxed:1.45;
}