/* Auto-generated by build-tokens.mjs — do not edit manually */

/*
 * product surface — The app UI, read at ~50cm on a desktop display and dense
 * with controls and data. Body sits at 14px rather than 16 because a table row
 * is scanned, not read, and the extra 2px costs a column. All four surfaces
 * get a type-*.css; this is the only one whose numbers are also projected into
 * derived artefacts — the --text-*-size vars in tokens.css, the Tailwind
 * text-* tier utilities and html-content.css are all projections of it — which
 * is why it alone has a floor: the six rungs its consumers compile against.
 */

@layer base {
  :root {
    --fs-display: 3rem;
    --fs-display-weight: 600;
    --fs-display-leading: 1.1;

    --fs-h1: 2rem;
    --fs-h1-weight: 700;
    --fs-h1-leading: 1.2;

    --fs-h2: 1.5rem;
    --fs-h2-weight: 600;
    --fs-h2-leading: 1.3;

    --fs-h3: 1.125rem;
    --fs-h3-weight: 500;
    --fs-h3-leading: 1.4;

    --fs-body: 0.875rem;
    --fs-body-weight: 400;
    --fs-body-leading: 1.5;

    --fs-small: 0.75rem;
    --fs-small-weight: 400;
    --fs-small-leading: 1.4;
  }
}