/* AdminLess landing family, shared design tokens (round 6)
   One token block for all five pages. Pages may not redefine --h2, --h3,
   --body, --label, --gutter or --section-pad.
   This is the only file that may hold the scale. Pages may add layout-
   local tokens (spacing inside components, radii), never these values.
   Declared exceptions (documented in website/LANDING_PAGES.md):
   - root keeps h1 at 38px: it is a one-screen company card that must fit a
     1280×800 viewport without scrolling; its voice is smaller type, more room.
   - legal keeps h1 at 88px (the family's editorial reference).
   - mnc clamps h1 to 76px so the hero timeline fits a 900px viewport.
   - claims keeps a Fraunces wordmark (product name) but body is Plex Sans.
   - claims may declare one .panel__title at 26px for the #story beats.
*/
:root {

  /* Type scale, charter: H1 72, H2 44, H3 24/20, body 18, label 13 */
  --h1: 72px;
  --h2: 44px;
  --h3: 22px;            /* one sub-head size family-wide; was 21/22/23/24 and 21/23/24/29 */
  --body: 18px;
  --label: 13px;

  /* Measures */
  --gutter: 136.5px;     /* page side padding at 1440; was 52.5–152.5 across the family */
  --measure: 1152px;     /* max content width */

  /* Section rhythm */
  --section-pad: 96px;   /* top+bottom padding on every section */

  /* Buttons */
  --btn-min: 200px;      /* primary CTA min-width: a label swap must not change button shape */
  --btn-h: 48px;

  /* Credentials row */
  --creds-opacity: 0.9;
  --creds-logo-h: 34px;  /* one optical height for every mark; straplines included */

  /* ROUND 5: --reveal-dur, --reveal-threshold and --reveal-margin are gone
     with the [data-reveal] observer that was the only thing that read them.
     No page in the family carries a [data-reveal] element; each page's
     reveals are its own, keyed on its own sections. */
}

@media (max-width: 880px) {
  :root {
    --h1: 44px;
    --h2: 32px;
    --h3: 20px;
    --gutter: 28px;
    --section-pad: 72px;
  }
}