/* ============================================================
   MN Soluções — Typography scale
   Roboto. Headings are heavy (700/900) and tight, echoing the
   bold "MN" wordmark; body is Roboto 400 at comfortable line
   height. Eyebrows/labels are uppercase with wide tracking,
   as seen in the brand's social posters ("25 DE OUTUBRO | DIA DO").
   ============================================================ */
:root {
  /* Font families (mirrored from fonts.css for convenience) */
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* Type scale (px) */
  --fs-display: 56px; /* hero — heavy, e.g. "engenheiro civil" */
  --fs-h1: 40px;
  --fs-h2: 30px;
  --fs-h3: 23px;
  --fs-h4: 19px;
  --fs-body-lg: 17px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 12px;
  --fs-eyebrow: 12px;

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

  /* Letter spacing */
  --tracking-tight: -0.02em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
  --tracking-wide: 0.04em; /* @kind font */
  --tracking-eyebrow: 0.14em; /* @kind font */

  /* ---- Semantic role tokens ---- */
  --text-display-size: var(--fs-display);
  --text-display-weight: var(--fw-black);
  --text-display-lh: var(--lh-tight);

  --text-heading-weight: var(--fw-bold);
  --text-heading-lh: var(--lh-snug);

  --text-body-size: var(--fs-body);
  --text-body-lh: var(--lh-relaxed);

  --text-eyebrow-transform: uppercase;
  --text-eyebrow-tracking: var(--tracking-eyebrow);
}