/* ============================================================
   BRIVA POOLS — TYPOGRAPHY TOKENS
   Source: BP Brand Guidelines 2025 (Typography, p.09–11)
   Heading : "Expose" Bold  → substituted with SORA (flagged)
   Sub-head: Montserrat SemiBold
   Body    : Montserrat Medium
   ============================================================ */

:root {
  /* Families */
  --font-display: "Sora", "Montserrat", system-ui, sans-serif; /* Expose substitute */
  --font-sans:    "Montserrat", system-ui, -apple-system, sans-serif;
  --font-body:    "Montserrat", system-ui, -apple-system, sans-serif;

  /* Weights (per guidelines) */
  --fw-display: 700;   /* @kind font */ /* headings — bold */
  --fw-semibold: 600;  /* @kind font */ /* sub-headings */
  --fw-medium: 500;    /* @kind font */ /* body */
  --fw-regular: 400;   /* @kind font */

  /* Type scale (rem, 16px base) */
  --text-2xs: 0.6875rem;  /* 11px */
  --text-xs:  0.75rem;    /* 12px — small label / caption */
  --text-sm:  0.875rem;   /* 14px */
  --text-base:1rem;       /* 16px — body default */
  --text-md:  1.125rem;   /* 18px — lead body */
  --text-lg:  1.375rem;   /* 22px — sub-heading */
  --text-xl:  1.75rem;    /* 28px */
  --text-2xl: 2.25rem;    /* 36px — heading */
  --text-3xl: 3rem;       /* 48px */
  --text-4xl: 4rem;       /* 64px — display */
  --text-5xl: 5.25rem;    /* 84px — hero */

  /* Line heights */
  --leading-tight: 1.05;   /* display */
  --leading-snug: 1.2;     /* headings */
  --leading-normal: 1.5;   /* body */
  --leading-relaxed: 1.65;

  /* Tracking — guidelines specify 0 tracking; display gets a hair tighter */
  --tracking-display: -0.02em;
  --tracking-heading: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.16em;   /* the wordmark sets "POOLS" widely spaced */

  /* Semantic roles */
  --font-heading: var(--font-display);
  --font-subheading: var(--font-sans);
}