/* Type. Two faces, one scale (px values, matching src/style/tokens.ts fontSize:
   size / line-height pairs). Custom fonts don't auto-map weight in React Native, so
   the kit selects a face per weight; on the web the weight axis is enough. */
:root{
  --font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --text-xs:12px;   --leading-xs:16px;
  --text-sm:14px;   --leading-sm:20px;
  --text-base:16px; --leading-base:24px;
  --text-lg:18px;   --leading-lg:28px;
  --text-xl:20px;   --leading-xl:28px;
  --text-2xl:24px;  --leading-2xl:32px;
  --text-3xl:30px;  --leading-3xl:36px;
  --text-4xl:36px;  --leading-4xl:40px;
  --text-5xl:48px;  --leading-5xl:48px;
  --text-6xl:60px;  --leading-6xl:60px;

  --weight-normal:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;

  --tracking-tighter:-0.8px;
  --tracking-tight:-0.4px;
  --tracking-normal:0px;
  --tracking-wide:0.4px;
  --tracking-wider:0.8px;
  --tracking-widest:1.6px;

  /* Semantic roles (Typography atom). Heading roles carry the tight tracking; body
     runs at 14/28; caption is uppercase + wide tracking. */
  --role-display:var(--weight-bold) var(--text-5xl)/var(--leading-5xl) var(--font-sans);
  --role-h1:var(--weight-bold) var(--text-4xl)/var(--leading-4xl) var(--font-sans);
  --role-h2:var(--weight-semibold) var(--text-3xl)/var(--leading-3xl) var(--font-sans);
  --role-h3:var(--weight-semibold) var(--text-2xl)/var(--leading-2xl) var(--font-sans);
  --role-h4:var(--weight-semibold) var(--text-xl)/var(--leading-xl) var(--font-sans);
  --role-h5:var(--weight-semibold) var(--text-lg)/var(--leading-lg) var(--font-sans);
  --role-lead:var(--weight-normal) var(--text-base)/var(--leading-base) var(--font-sans);
  --role-body:var(--weight-normal) var(--text-sm)/28px var(--font-sans);
  --role-small:var(--weight-normal) var(--text-sm)/var(--leading-sm) var(--font-sans);
  --role-tiny:var(--weight-normal) var(--text-xs)/var(--leading-xs) var(--font-sans);
}