/* Typography — Manrope, always tighter than default tracking (brand rule: -20 tracking ≈ -0.02em).
   Display sizes go tighter still (-0.035em) and sit on very tight leading. */
:root{
  --font-core:"Manrope",system-ui,sans-serif;      /* headlines + body: the brand font */
  --font-ui:"DM Sans","Manrope",system-ui,sans-serif; /* dense product UI */
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  --tracking-display:-0.035em; /* @kind font */
  --tracking-heading:-0.025em; /* @kind font */
  --tracking-body:-0.02em; /* @kind font */   /* brand minimum: never default tracking */
  --tracking-label:0.02em; /* @kind font */   /* only for small caps eyebrows */

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

  /* Display — marketing hero, slide titles */
  --text-display-1:clamp(56px,7vw,112px);
  --text-display-2:clamp(44px,5.2vw,80px);
  --text-display-3:clamp(34px,3.6vw,56px);
  --leading-display:0.96; /* @kind font */

  /* Headings */
  --text-h1:40px;
  --text-h2:32px;
  --text-h3:24px;
  --text-h4:20px;
  --leading-heading:1.12; /* @kind font */

  /* Body + UI */
  --text-lg:18px;
  --text-md:16px;
  --text-sm:14px;
  --text-xs:12px;
  --leading-body:1.5; /* @kind font */
  --leading-tight:1.35; /* @kind font */

  --text-eyebrow:12px;   /* uppercase, tracked, used above headlines */
  --text-code:13px;
}