/* Design tokens: one look for the whole pitch page (web-dev, 3 Nov 2026).
   Shared with app-dev's crew demo (out/app-dev/crew-demo/, cd- classes). Change values here only.
   Fonts: Plus Jakarta Sans (Google Fonts, OFL). Load in the page head:
   <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */
:root{
  /* colour: surfaces */
  --bg:#F8F7F4;            /* page */
  --surface:#FFFFFF;       /* cards, phones */
  --surface-2:#EFF3F6;     /* soft panels, inputs */
  --line:#E3E6EA;          /* borders, dividers */
  --sky-1:#BFDDF0; --sky-2:#EEF6FB;   /* sky gradient ends */
  /* colour: text */
  --ink:#13223F;           /* headings, primary text (AA+ on all surfaces) */
  --ink-2:#4A5568;         /* body text (AA on white and --bg) */
  --ink-3:#5E6878;         /* small meta only, 14px+ */
  --on-accent:#13223F;     /* text on yellow */
  --on-blue:#FFFFFF;       /* text on blue */
  /* colour: brand */
  --blue:#2B5C9E;          /* primary accent, links, focus */
  --blue-600:#1659B8;      /* hover/pressed */
  --blue-light:#49B4F0;    /* highlights, foam rims */
  --yellow:#F2C94C;        /* every main action */
  --yellow-600:#E5B935;    /* hover */
  --foam:#FFFFFF; --foam-shadow:#DCEFFB;
  /* colour: job statuses (APP-PLAN.md) */
  --st-quote:#8A94A6; --st-scheduled:#56CCF2; --st-onway:#2F80ED; --st-arrived:#00B3A4;
  --st-cleaning:#F2C94C; --st-done:#27AE60; --st-problem:#EB5757; --st-cancelled:#4F4F4F;
  /* type */
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-md:1.0625rem; --fs-lg:1.25rem;
  --fs-xl:clamp(1.5rem,1.1rem + 1.4vw,2rem);
  --fs-2xl:clamp(2rem,1.3rem + 2.6vw,3.25rem);
  --fs-hero:clamp(2.5rem,1.5rem + 3.8vw,4.75rem);
  --lh-tight:1.05; --lh:1.6;
  --fw-body:400; --fw-medium:500; --fw-semi:600; --fw-bold:700; --fw-black:600;
  --track-eyebrow:.14em;
  /* shape */
  --r-xs:8px; --r-sm:12px; --r-md:18px; --r-lg:28px; --r-xl:36px; --r-pill:999px;
  --r-phone:44px;          /* phone mock-up frame */
  /* spacing (4px grid) */
  --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; --s-10:128px;
  --gutter:clamp(16px,4vw,40px);
  --maxw:1200px;
  --section-y:clamp(80px,9vw,128px);
  /* controls */
  --tap:48px;              /* min button/tap height */
  --focus:0 0 0 3px #FFFFFF,0 0 0 6px var(--blue);
  /* depth */
  --shadow-sm:0 1px 2px rgba(19,34,63,.04),0 2px 10px rgba(19,34,63,.05);
  --shadow-md:0 8px 28px rgba(19,34,63,.07);
  --shadow-lg:0 24px 60px rgba(19,34,63,.08);
  --glass:rgba(255,255,255,.72); --glass-blur:14px;
  /* motion */
  --ease-out:cubic-bezier(.22,.61,.36,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --t-fast:160ms; --t:280ms; --t-slow:600ms;
}
@media (prefers-reduced-motion:reduce){:root{--t-fast:0ms;--t:0ms;--t-slow:0ms}}