/* Vidia — typography tokens.
   Face: SF Pro Rounded (from the local installation — see fonts.css), with
   Open Runde — its open-source twin, bundled as woff2 — as the fallback,
   then the platform rounded stack.
   The scale is display / title / body / caption — weight and tone carry
   hierarchy inside each size; display tracking stays tight while body copy
   opens slightly for comfortable reading. */

:root {
  --font-sans: "SFProRounded-Regular", "SF Pro Rounded", "Open Runde", ui-rounded, -apple-system,
               BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;

  /* display — brand and hero moments; SF Pro Rounded throughout */
  --text-brand-size: 48px;    --text-brand-weight: 700;   --text-brand-leading: 0.92; --text-brand-tracking: -0.02em;
  --text-display-size: 32px;  --text-display-weight: 700; --text-display-leading: 1.125; --text-display-tracking: -0.02em;
  --text-title-size: 28px;    --text-title-weight: 700;   --text-title-leading: 1.18;  --text-title-tracking: -0.02em;
  --text-body-size: 17px;     --text-body-weight: 400;    --text-body-leading: 1.45;   --text-body-tracking: 0.012em;
  --text-body-strong-weight: 600;
  --text-caption-size: 13px;  --text-caption-weight: 500; --text-caption-leading: 1.4; --text-caption-tracking: 0;
  /* Eyebrows are caption-size, uppercase, letterspaced */
  --text-label-tracking: 0.06em;
}