/* Design tokens: infinibell. Single place for every color, type size, space and radius.
   Palette: Electric Teal #0E8C8C, Coral #FF6B57, Night Navy #10203A, Mist #F4F7F8. Rules: docs/DESIGN-SYSTEM.md.
   Contrast: teal text uses --accent-ink (5.5:1 on mist); the coral button uses --cta at 19px bold (large text, 3.7:1). */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  color-scheme:light;
  /* Brand */
  --teal:#0E8C8C;--coral:#FF6B57;--navy:#10203A;--mist:#F4F7F8;
  /* Surfaces: mist page, white cards with a soft border and light shadow */
  --elev-0:#F4F7F8;--elev-1:#FFFFFF;--elev-2:#E9EFF1;--elev-3:#DCE5E8;
  --paper:var(--elev-0);--white:#FFFFFF;--sage:var(--elev-1);--sage-soft:#EEF6F6;--sand:var(--elev-1);--reply:#E3F3F2;
  /* Text: three tiers on navy */
  --text-1:#10203A;--text-2:#4A5A6E;--text-3:#6B7888;
  --ink:var(--text-1);--ink-hover:#0A1528;--muted:var(--text-2);--sage-text:#0A6F6F;
  /* Accent: teal for actions and active states; coral only for the one main action per screen and the bell */
  --accent:#0B7676;--accent-dark:#0A6F6F;--accent-hover:#095F5F;--accent-ink:#0A6F6F;--accent-soft:#E3F3F2;--on-accent:#FFFFFF;--glow:#0E8C8C33;
  --cta:#E8513D;--cta-hover:#D4432F;--on-cta:#FFFFFF;--coral-soft:#FFE9E5;--coral-ink:#A3301F;
  --ok-bg:#E3F3F2;--ok-ink:#0A5C5C;--warn-bg:#FFF1D6;--warn-ink:#7A4B00;--err-bg:#FFE9E5;--err-ink:#A3301F;
  /* Lines */
  --line:#E1E8EB;--line-strong:#C9D4D9;--line-sage:#C9D4D9;
  /* On tinted bands */
  --on-dark:#10203A;--on-dark-muted:#4A5A6E;--on-dark-line:#C9D4D9;
  /* Controls: switches solid teal on, solid gray off; focus ring blue */
  --focus:#176ADD;--switch-on:#0E8C8C;--switch-off:#8A96A3;--danger:#B42318;
  --shadow:#10203A0F;--lift:0 1px 2px #10203A0D,0 6px 20px #10203A12;
  /* Type */
  --font-display:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--font-body:var(--font-display);
  --fs-display:56px;--lh-display:64px;--fs-h1:40px;--lh-h1:48px;--fs-h2:32px;--lh-h2:40px;
  --fs-h3:22px;--lh-h3:30px;--fs-body:17px;--lh-body:27px;--fs-small:14px;--lh-small:21px;
  /* Space (only these values) */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;
  /* Radius follows size. Nested: inner = outer minus padding. */
  --r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-card:14px;--r-control:10px;--r-pill:999px;
  /* Motion */
  --t-fast:150ms ease-out;
}
@media (max-width:640px){:root{--fs-display:40px;--lh-display:46px;--fs-h1:30px;--lh-h1:36px}}
@media (prefers-reduced-motion:reduce){:root{--t-fast:0ms linear}}
/* Trade colors: tile backgrounds with a matching dark ink. Service tiles and page ornaments only. */
:root{--spruce:#E3F3F2;--spruce-2:#CDEAE8;--on-spruce:#10203A;--on-spruce-2:#3C4D62;--mint:#EEF6F6;--r-chip:6px;--r-sheet:24px;
  --t-plumb-bg:#DCEBF7;--t-plumb-ink:#16496F;--t-hvac-bg:#FFE6DC;--t-hvac-ink:#8A3A0E;--t-elec-bg:#F7EBB0;--t-elec-ink:#5E4800;
  --t-soon-bg:#EBEFF1;--t-soon-ink:#5F6C7B;--t-sand-bg:#EEF1F3;--t-sand-ink:#34465B;}