/* Hidromodel design tokens — every colour, size and space used on the site */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500&family=IBM+Plex+Sans+Condensed:wght@300&display=swap');
:root{
  --bg:#FFFFFF;
  --ink:#1C1F3A;        /* deep indigo-navy, from the logo's HIDRO */
  --muted:#5E6270;
  --teal:#157F68;       /* logo green-teal, darkened for 4.9:1 contrast on white */
  --teal-deep:#0F5F4E;
  --indigo:#403070;     /* logo indigo, used sparingly */
  --teal-soft:#E3F1EC;
  --rule:#CFD8D5;

  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif;

  --fs-1:clamp(2.6rem,6.2vw,5.4rem);
  --fs-2:clamp(1.7rem,2.8vw,2.5rem);
  --fs-3:1.25rem;
  --fs-lead:1.2rem;
  --fs-body:1.0625rem;
  --fs-small:.875rem;

  --max:1240px;
  --gut:24px;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:64px; --s-7:96px; --s-8:128px;
  --measure:62ch;
  --radius:2px;
}