/* ============================================================
   TYPOGRAPHY — Alchimique
   Montserrat is the brand voice (display + UI). Inter is the
   numeric/utility companion (counters, fine print).
   Scale taken from the Figma "Fontes" specimen.
   ============================================================ */
:root {
  /* Families */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Editorial serif accent — used for "Jornal Fragata" article titles & display moments */
  --font-serif: "Georgia", "Times New Roman", Times, serif;

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

  /* Type scale (px) — names mirror the brand specimen */
  --fs-display: 35px;   /* Destaque — hero display */
  --fs-headline: 30px;  /* Headline */
  --fs-subheading: 25px;/* Subheading */
  --fs-title: 20px;     /* Título */
  --fs-subtitle: 16px;  /* Subtítulo — the workhorse UI size */
  --fs-body: 14px;      /* body / labels in UI */
  --fs-paragraph: 12px; /* Parágrafo */
  --fs-label: 10px;     /* Label / caption */

  /* Line heights */
  --lh-tight: 1.04;     /* @kind font */
  --lh-snug: 1.2;       /* @kind font */
  --lh-normal: 1.4;     /* @kind font */
  --lh-relaxed: 1.6;    /* @kind font */

  /* Letter spacing — Alchimique leans on airy, spaced caps */
  --ls-display: 0.1em; /* @kind font */
  --ls-wide: 0.08em;   /* @kind font */
  --ls-normal: 0;      /* @kind font */
  --ls-tight: -0.02em; /* @kind font */

  /* ---- Semantic roles ---- */
  --text-display: var(--fw-medium) var(--fs-display) / var(--lh-tight) var(--font-sans);
  --text-headline: var(--fw-bold) var(--fs-headline) / var(--lh-snug) var(--font-sans);
  --text-subheading: var(--fw-medium) var(--fs-subheading) / var(--lh-snug) var(--font-sans);
  --text-title: var(--fw-bold) var(--fs-title) / var(--lh-snug) var(--font-sans);
  --text-subtitle: var(--fw-bold) var(--fs-subtitle) / var(--lh-snug) var(--font-sans);
  --text-body: var(--fw-medium) var(--fs-body) / var(--lh-normal) var(--font-sans);
  --text-paragraph: var(--fw-regular) var(--fs-paragraph) / var(--lh-relaxed) var(--font-sans);
  --text-label: var(--fw-semibold) var(--fs-label) / var(--lh-normal) var(--font-sans);
}