/* OpexIQ Design System — Typography tokens */
:root{
  --font-core:"Manrope","Aptos","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-office:"Aptos","Segoe UI",sans-serif;
  --font-office-display:"Aptos Display","Aptos","Segoe UI",sans-serif;
  --font-office-mono:"Aptos Mono",ui-monospace,"Consolas",monospace;
  --font-mono:ui-monospace,"SFMono-Regular","Consolas",monospace;

  --fw-extralight:200;
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-extrabold:800;

  /* Display + heading scale (px) */
  --fs-display-xl:72px;
  --fs-display:56px;
  --fs-h1:48px;
  --fs-h2:32px;
  --fs-h3:24px;
  --fs-h4:18px;
  --fs-lead:20px;
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-caption:13px;
  --fs-micro:11px;

  --lh-display:1.06;
  --lh-heading:1.18;
  --lh-lead:1.5;
  --lh-body:1.65;
  --lh-tight:1.3;

  --ls-display:-0.02em;
  --ls-heading:-0.015em;
  --ls-body:0;
  --ls-eyebrow:0.14em;
  --ls-caps:0.08em;

  /* Semantic type roles */
  --type-display:var(--fw-extrabold) var(--fs-display)/var(--lh-display) var(--font-core);
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-core);
  --type-h2:var(--fw-semibold) var(--fs-h2)/var(--lh-heading) var(--font-core);
  --type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-tight) var(--font-core);
  --type-h4:var(--fw-semibold) var(--fs-h4)/var(--lh-tight) var(--font-core);
  --type-lead:var(--fw-regular) var(--fs-lead)/var(--lh-lead) var(--font-core);
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-core);
  --type-label:var(--fw-medium) var(--fs-body-sm)/1.4 var(--font-core);
  --type-eyebrow:var(--fw-semibold) var(--fs-micro)/1.2 var(--font-core);
}