/* ============================================================================
 * INM GLOBAL TOKENS - the one place sitewide colour, type, radius, shadow and
 * easing values are defined. Change a value here and it changes on every page
 * and every blog post.
 *
 * On :root deliberately. The header and footer render outside every page
 * wrapper, so a token defined on .rsg-inm-<page> is invisible to them; only
 * :root is an ancestor of everything.
 *
 * WHAT IS NOT HERE, AND WHY. A token belongs in this file only when its value
 * is genuinely the same everywhere. Three kinds stay in the page sheets, where
 * they still win by being closer to the element:
 *   1. per-page accents - --acc/--acc-ink differ by page (blue, red, tan) and
 *      again on dark bands.
 *   2. responsive sizes - --fs-h1/--fs-h2/--sec-pad change per page and per
 *      breakpoint, so they must stay beside their media queries.
 *   3. tokens built from other tokens - --gold:var(--acc) and friends. A var()
 *      chain is substituted where it is DECLARED, so moving one away from its
 *      source re-resolves it against a different value. That is the bug that
 *      once rendered heading text at 1.00:1 against its own band.
 * Also deliberately left alone: --blue. optinmonster's trustpulse.min.css
 * declares the same name, and ours is safe only while it stays on a wrapper.
 * ============================================================================ */
:root{
  /* DARK-BAND ACCENTS 2026-08-01 (client: the tan eyebrow + tan heading span
       'not look good design wise', wants two different colours).
       Red is not available here - it measures 1.9:1 on this band and always has.
       Khaki was the rejected one. That leaves the logo's gauge-blue family:
         --eyebrow-dark  azure  #539DD6  4.77:1  small-text safe, reads as a label
         --accent-dark   ice    #A9D3F0  8.84:1  and 1.58:1 off the white heading,
                                         so it reads as a tint, not as dirty white */
  --eyebrow-dark:#539DD6;
  --accent-dark:#A9D3F0;

  /* BAND GRADIENT 2026-08-01 (client picked concept 09, 'Rising Ink', from
       output/services-band-concepts.html). It is built on the CARD gradient's own logic:
       luminance held almost flat while SATURATION climbs, so the band and the cards read
       as one material. Quiet blue-neutral crown -> saturated blue floor.
       HEROES ARE EXCLUDED: every .rsg-hero rule sets its own background later in this
       stylesheet, so it wins on source order - do NOT add a .rsg-hero guard here, that
       would clobber the hero photo treatments. */
  --band-grad:linear-gradient(166deg, #252C37 0%, #002A60 100%);

  /* LOGO VIBE 2026-08-01 (client): one shared ground for every CARD/BOX that
       sits on a dark band - logo-blue black fading to neutral black. Cards now
       read as solid plates on the band instead of frosted tints. */
  --card-dark:linear-gradient(180deg, #000D1E 0%, #101010 100%);

  /* pinned tokens that the client asked to KEEP unchanged */
  --star:#F3B11B;  /* rating amber, deliberately not khaki and not red */
  --h2-gold:#E2C6A3;  /* dark-band h2 accent word - unchanged */
  --eyebrow-warm:#805928;  /* light-band eyebrow ink - unchanged */

  /* Palette, type, radius, shadow and easing shared by every page. */
  --azure:#2E81C1;
  --blue-2:#539DD6;
  --blue-deep:#1C669F;
  --btn-text:#FFFFFF;
  --card:#FFFFFF;
  --container:1180px;
  --cream:#EFE2CD;
  --ease:cubic-bezier(.22,.61,.36,1);
  --font-body:"Poppins","Segoe UI",Tahoma,Arial,sans-serif;
  --font-display:"Poppins","Segoe UI",Arial,sans-serif;
  --font-heading:"Poppins","Segoe UI",Arial,sans-serif;
  --font:"Poppins","Segoe UI",Arial,sans-serif;
  --hiw-air:14px;
  --hiw-gap:34px;
  --ice-line:rgba(169,211,240,.22);
  --ice:#A9D3F0;
  --muted-dark:#C3D4E4;
  --navy-line:rgba(187,210,238,.20);
  --navy:#063676;
  --paper:#F9F3E8;
  --r-btn:8px;
  --r-card:10px;
  --r-photo:12px;
  --red-2:#C41C33;
  --red-deep:#801221;
  --red:#AA182C;
  --royal-2:#073A80;
  --royal:#063676;
  --sh-1:0 1px 2px rgba(8,25,42,.05),0 8px 22px rgba(8,25,42,.08);
  --sh-2:0 4px 12px rgba(8,25,42,.10),0 26px 54px rgba(8,25,42,.14);
  --shadow-1:0 1px 2px rgba(26,28,27,.05),0 6px 16px rgba(26,28,27,.07);
  --shadow-2:0 2px 6px rgba(26,28,27,.07),0 14px 34px rgba(26,28,27,.11);
  --shadow-3:0 4px 12px rgba(26,28,27,.09),0 28px 64px rgba(26,28,27,.15);
}