/* GPI type scale — Tailwind's rem ladder plus two custom small steps.
   The scale is SMALL: body is 12px (xs), metadata is 10px (xxs). Do not inflate. */
:root{
  --font-sans:'Poppins',Arial,sans-serif;
  --font-icon:'Material Symbols Rounded';

  --text-xxxs:0.5625rem; /* 9px  — rare micro labels */
  --text-xxs:0.625rem;   /* 10px — badges, input labels, error messages, captions */
  --text-xs:0.75rem;     /* 12px — DEFAULT body size throughout the app */
  --text-sm:0.875rem;    /* 14px — secondary body, checkboxes, auth inputs */
  --text-base:1rem;      /* 16px — list-view heading title */
  --text-lg:1.125rem;    /* 18px — data values in list headings */
  --text-xl:1.25rem;     /* 20px */
  --text-2xl:1.5rem;     /* 24px — page heading (h1) */
  --text-3xl:1.875rem;   /* 30px — asset / tenant heading */
  --text-4xl:2.25rem;    /* 36px — large data displays */
  --text-5xl:3rem;       /* 48px — large data displays */

  --weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

  --leading-4:1rem;      /* badge + label text (most common) */
  --leading-6:1.5rem;
  --leading-9:2.25rem;   /* asset h2 */
  --leading-tight:1.25;
  --leading-snug:1.375;
  --leading-normal:1.5;
  --leading-h1:1.125;    /* page h1 — leading-[1.125] */

  /* Semantic roles */
  --type-body:var(--weight-normal) var(--text-xs)/var(--leading-normal) var(--font-sans);
  --type-body-strong:var(--weight-medium) var(--text-xs)/var(--leading-normal) var(--font-sans);
  --type-label:var(--weight-medium) var(--text-xxs)/var(--leading-normal) var(--font-sans);
  --type-badge:var(--weight-semibold) var(--text-xxs)/var(--leading-4) var(--font-sans);
  --type-h1:var(--weight-normal) var(--text-2xl)/var(--leading-h1) var(--font-sans);
  --type-h2:var(--weight-medium) var(--text-3xl)/var(--leading-9) var(--font-sans);
  --type-h3:var(--weight-medium) var(--text-base)/var(--leading-normal) var(--font-sans);
  --type-data:var(--weight-medium) var(--text-lg)/var(--leading-normal) var(--font-sans);
}