/* ============================================================
   CVDentus — Typography tokens
   Single family: Montserrat. Brand motif = weight contrast:
   the "cvd" sigla is heavy (700/800), the remainder regular.
   ============================================================ */
:root {
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

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

  /* Type scale (1.250 major-third, 16px base) */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   20px;
  --fs-xl:   25px;
  --fs-2xl:  31px;
  --fs-3xl:  39px;
  --fs-4xl:  49px;
  --fs-5xl:  61px;

  /* Line heights */
  --lh-tight: 1.1; /* @kind font */
  --lh-snug: 1.25; /* @kind font */
  --lh-normal: 1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Letter spacing — Montserrat tracks tight at display sizes,
     opens up for the all-caps eyebrow/label treatment. */
  --ls-tight: -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
  --ls-caps: 0.12em; /* @kind font */

  /* Semantic roles */
  --text-display:  var(--fw-black) var(--fs-5xl)/var(--lh-tight) var(--font-display);
  --text-h1:       var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --text-h2:       var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --text-h3:       var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --text-h4:       var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);
  --text-body-lg:  var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-body);
  --text-body-md:  var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-body);
  --text-body-sm:  var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);
  --text-label:    var(--fw-semibold) var(--fs-sm)/var(--lh-snug) var(--font-body);
  --text-eyebrow:  var(--fw-bold) var(--fs-xs)/var(--lh-snug) var(--font-body);
}