/* NW Pro Wash: design tokens.
   Every colour, gradient, shadow, font and spacing value in one place.
   Change a value here and it updates everywhere. */

:root{
  --ink:#0E1419;         /* the truck's black */
  --ink-2:#18232C;
  --slate:#22313C;
  --text:#3A454F;
  --muted:#6E7A85;
  --line:#E2E8ED;
  --alt:#F4F7F9;
  --alt-2:#EAF0F4;

  --green:#A7E449;       /* logo wordmark */
  --green-lt:#C2F06E;
  --green-dk:#6FAF1F;    /* green that holds up as text on white */
  --blue:#558AE8;        /* logo mark, top */
  --cyan:#1AE4D9;        /* logo mark, bottom */
  --blue-ink:#1F6FD0;    /* links */

  --grad-mark:linear-gradient(135deg,#558AE8 0%,#1AE4D9 100%);
  --grad-green:linear-gradient(180deg,#B7EC5E 0%,#8DD135 100%);
  --grad-dark:linear-gradient(165deg,#1B2832 0%,#0C1216 100%);
  --shadow:0 10px 26px rgba(14,20,25,.10);
  --shadow-lg:0 22px 50px rgba(14,20,25,.22);

  --ff-head:"Barlow","Arial Narrow",Arial,sans-serif;
  --ff-body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  --maxw:1180px;
  --gut:clamp(1.25rem,4vw,2.5rem);
  --r:10px;
}

:root{--ico-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 2.5a1.8 1.8 0 0 1 2.3.6l1.7 2.5c.5.7.4 1.7-.2 2.3L9.2 9.1a12.4 12.4 0 0 0 5.7 5.7l1.2-1.2c.6-.6 1.6-.7 2.3-.2l2.5 1.7c.8.6 1 1.6.6 2.3l-1.2 2a2.2 2.2 0 0 1-2.3 1C11.7 19.6 4.4 12.3 3.5 5.9a2.2 2.2 0 0 1 1-2.2z'/%3E%3C/svg%3E")}

:root{--ico-arrows:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 20'%3E%3Cpath fill='%23000' d='M13 2 4 10l9 8zM23 2l9 8-9 8z'/%3E%3C/svg%3E")}

:root{--ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.2 18.3 3 12.1l2.1-2.1 4.1 4.1L18.9 4.4 21 6.5z'/%3E%3C/svg%3E")}