/* ============================================================
   conecte.ai — Typography tokens
   Brand typeface: Montserrat (loaded in the production theme via
   Google Fonts). Body + headings both use Montserrat.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* --- Families ----------------------------------------------------- */
  --font-sans:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Montserrat', system-ui, sans-serif; /* same face, heavier weights */
  --font-mono:    'Courier New', ui-monospace, SFMono-Regular, Menlo, monospace; /* advanced/code areas */

  /* --- Weights (Montserrat) ---------------------------------------- */
  --fw-light:     300; /* @kind font */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */  /* labels, nav */
  --fw-semibold:  600; /* @kind font */  /* buttons, emphasis */
  --fw-bold:      700; /* @kind font */  /* headings */
  --fw-extra:     800; /* @kind font */
  --fw-black:     900; /* @kind font */  /* big plan speed numbers */

  /* --- Type scale (px) --------------------------------------------- */
  --fs-3xs:       10px;  /* pill/tag caps, kickers */
  --fs-2xs:       12px;  /* micro labels, step labels */
  --fs-xs:        13px;  /* dense table / list items */
  --fs-sm:        14px;  /* UI default, nav items, buttons */
  --fs-base:      15px;  /* onboarding input text */
  --fs-md:        16px;  /* body copy */
  --fs-lg:        18px;
  --fs-xl:        22px;  /* card header */
  --fs-2xl:       28px;  /* onboarding h2 */
  --fs-3xl:       32px;  /* logo h1 */
  --fs-display:   46px;  /* plan speed number */

  /* --- Line heights ------------------------------------------------ */
  --lh-tight:     1.15; /* @kind font */
  --lh-snug:      1.35; /* @kind font */
  --lh-normal:    1.5;  /* @kind font */
  --lh-relaxed:   1.6;  /* @kind font */

  /* --- Letter spacing ---------------------------------------------- */
  --ls-tight:     -0.01em; /* @kind font */
  --ls-normal:    0;       /* @kind font */
  --ls-wide:      0.04em;  /* @kind font */  /* uppercase tags */
  --ls-wider:     0.2rem;  /* @kind font */  /* NAVEGAÇÃO section headers */

  /* --- Semantic aliases -------------------------------------------- */
  --text-h1:      var(--fw-bold) var(--fs-3xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-h2:      var(--fw-bold) var(--fs-2xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-h3:      var(--fw-bold) var(--fs-xl)/var(--lh-snug) var(--font-display);   /* @kind font */
  --text-ui:      var(--fw-medium) var(--fs-sm)/var(--lh-normal) var(--font-sans);  /* @kind font */
}