/* Rtech typography. Manrope for display + UI, IBM Plex Sans for body copy.
   Both modern, geometric, warm — reads professional without feeling corporate-cold. */
:root{
  --font-display:"Manrope","Manrope Fallback",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-body:"IBM Plex Sans","IBM Plex Sans Fallback",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

  /* Fluid-ish type scale — kept as fixed rem, letter-spacing tightens as size grows. */
  --fs-xs:12px;   --lh-xs:16px;
  --fs-sm:14px;   --lh-sm:20px;
  --fs-md:16px;   --lh-md:24px;   /* body default */
  --fs-lg:18px;   --lh-lg:28px;
  --fs-xl:20px;   --lh-xl:28px;
  --fs-2xl:24px;  --lh-2xl:32px;
  --fs-3xl:30px;  --lh-3xl:38px;
  --fs-4xl:36px;  --lh-4xl:44px;
  --fs-5xl:48px;  --lh-5xl:56px;
  --fs-6xl:60px;  --lh-6xl:68px;
  --fs-7xl:72px;  --lh-7xl:80px;

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

  --tracking-tight:-0.02em; /* @kind font */
  --tracking-normal:0; /* @kind font */
  --tracking-wide:0.02em; /* @kind font */
  --tracking-wider:0.08em; /* @kind font */

  /* Semantic type roles. */
  --text-hero:var(--fw-bold) var(--fs-6xl)/var(--lh-6xl) var(--font-display);
  --text-display:var(--fw-bold) var(--fs-5xl)/var(--lh-5xl) var(--font-display);
  --text-h1:var(--fw-bold) var(--fs-4xl)/var(--lh-4xl) var(--font-display);
  --text-h2:var(--fw-bold) var(--fs-3xl)/var(--lh-3xl) var(--font-display);
  --text-h3:var(--fw-semibold) var(--fs-2xl)/var(--lh-2xl) var(--font-display);
  --text-h4:var(--fw-semibold) var(--fs-xl)/var(--lh-xl) var(--font-display);
  --text-lead:var(--fw-regular) var(--fs-lg)/var(--lh-lg) var(--font-body);
  --text-body:var(--fw-regular) var(--fs-md)/var(--lh-md) var(--font-body);
  --text-small:var(--fw-regular) var(--fs-sm)/var(--lh-sm) var(--font-body);
  --text-eyebrow:var(--fw-semibold) var(--fs-xs)/var(--lh-xs) var(--font-display);
}