/* ============================================================
   Better Being — Typography tokens
   One typeface: Sailec. Display + text, both worlds.
   Geometric grotesque; lowercase wordmark; tight, confident.
   ============================================================ */

:root {
  /* Families */
  --font-display: "Sailec", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Sailec", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
  /* Controlled marketing-only emphasis accent (italic, 1–2 words; see fonts.css). */
  --font-accent: "Playfair Display", Georgia, "Times New Roman", serif;

  /* Weights (only 400 is a real file today — see fonts.css) */
  --fw-regular: 400;   /* @kind other */
  --fw-medium: 500;    /* @kind other */
  --fw-semibold: 600;  /* @kind other */
  --fw-bold: 700;      /* @kind other */

  /* Display / heading scale — built for dark fields, set tight.
     1920-canvas friendly; floors at 24px for big-format use. */
  --fs-display: clamp(3rem, 7vw, 6.5rem);   /* @kind font */
  --fs-h1: clamp(2.5rem, 5vw, 4.25rem);     /* @kind font */
  --fs-h2: clamp(2rem, 3.6vw, 3rem);        /* @kind font */
  --fs-h3: clamp(1.5rem, 2.4vw, 2rem);      /* @kind font */
  --fs-h4: 1.5rem;                          /* @kind font */
  --fs-title: 1.25rem;                      /* 20  @kind font */

  /* Body + utility */
  --fs-lead: 1.375rem;     /* 22 — lead paragraphs  @kind font */
  --fs-body: 1.0625rem;    /* 17 — default body  @kind font */
  --fs-small: 0.9375rem;   /* 15 — supporting  @kind font */
  --fs-caption: 0.8125rem; /* 13 — captions  @kind font */
  --fs-label: 0.75rem;     /* 12 — eyebrow labels  @kind font */

  /* Line heights */
  --lh-tight: 1.02;    /* @kind other */
  --lh-snug: 1.12;     /* @kind other */
  --lh-normal: 1.5;    /* @kind other */
  --lh-relaxed: 1.65;  /* @kind other */

  /* Letter-spacing — geometric sans wants negative tracking
     on display, positive on small caps / overlines. */
  --ls-display: -0.03em;  /* @kind other */
  --ls-heading: -0.02em;  /* @kind other */
  --ls-body: -0.005em;    /* @kind other */
  --ls-label: 0.14em;     /* @kind other */
}