/* ---------------------------------------------------------------------------
   Icy Hot HVAC - Boiler, Furnace & AC Repair theme tokens
   GENERATED by client-sites/_engine/tokens/theme.js. Do not hand edit.
   Every colour below was resolved by the design-time contrast walk in
   tokens/contrast.js, not chosen by eye. The achieved ratios are recorded in
   the brief at design_brief.palette.*.derived.
   --------------------------------------------------------------------------- */
:root{
  /* colour */
  --brand-dark:#14224F;
  --brand-detail:#0062A8;
  --brand-action:#F05A1E;
  --brand-action-ink:#C4410D;        /* the action colour as SMALL TEXT on white */
  --brand-action-on-dark:#F05A1E;  /* the action colour as small text on the dark */
  --brand-tint:#F3F7FB;
  --surface:#FFFFFF;
  --surface-alt:#F2F2F2;
  --on-action:#1B1B1B;                 /* set by the 0.179 luminance switch, never by eye */
  --ink:#1C2436;
  --ink-soft:color-mix(in srgb, var(--ink) 74%, var(--surface));
  --border:#E1E8ED;
  --border-brand:var(--brand-action);
  --badge-ink:#1C2436;
  --badge-star-gold:#F6AB26;    /* fixed, never tinted to the brand */
  --review-star:#F0AD4E;
  --star-empty:#CCD6DF;
  --overlay:var(--brand-dark);
  --overlay-opacity:0.85;
  --rbadge-ink:#FFFFFF;
  --rbadge-star:#F6AB26;
  --rbadge-focus:var(--brand-action);

  /* type */
  --font-display:'Passion One', sans-serif;
  --display-style:normal;
  --font-body:'Poppins', sans-serif;
  --body-fs:17px;
  --fs-h1:38px; --fs-h2:30px; --fs-h3:24px;
  --fs-body:16px; --fs-btn:16px; --fs-nav:17px; --fs-small:14px;
  --fw-h1:700; --fw-h2:700; --fw-h3:700;
  --fw-body:400; --fw-btn:700; --fw-nav:700;
  --lh-heading:1.2; --lh-body:1.8; --lh-btn:1.2; --lh-small:1.6;
  --tt-heading:uppercase; --tt-btn:uppercase;

  /* shell and rhythm */
  --shell-x:1.5em; --shell-y:3em; --gap:20px;
  --gap-cards:35px 30px; --container:1320px;

  /* geometry */
  --radius:2px; --radius-lg:3px; --radius-card:2px; --radius-chip:2px;
  --cta-border:3px double #FFFFFF;
  --cta-bar-h:52px;
  --hero-min-h:630px;
  --hero-text-col:43%;
  --badge-max:150px;

  /* z index ladder */
  --z-callbar:100; --z-nav:1000; --z-menu-panel:9997;
  --z-menu-toggle:9998; --z-modal:9999;
}
@media (min-width:768px){:root{
  --shell-x:3em; --shell-y:4em;
  --fs-h1:52px; --fs-h2:42px; --fs-h3:25px; --fs-body:17px;
}}
@media (min-width:1025px){:root{
  --fs-h1:56px; --fs-h2:44px; --fs-h3:26px;
}}
/* a light band flips the badge ink and nothing else. The Google G keeps
   Google's own colours on any ground. */
.rbadges--dark{--rbadge-ink:var(--badge-ink);}