/* Elements Tech Solutions design tokens.
   Block 1 is HANDOFF.md section 1, verbatim. Do not re-derive these. */
:root{
  /* field */
  --base:#00060C;          /* page background */
  --deep:#030C18;
  --surface:#081A31;
  --surface-2:#0D2440;

  /* the one accent, sitewide */
  --cyan:#3CCCF0;          /* 10.75:1 on --base */
  --cyan-pale:#A5F3FC;
  --cyan-deep:#42B4D2;     /* logo cyan. borders, icon strokes */

  /* flood band */
  --flood:#2FA8C6;
  --flood-2:#238CA8;
  --on-flood:#04161F;

  /* text */
  --ink:#F6FAFC;           /* 19.17:1 */
  --muted:#A8BDD0;         /* 9.19:1  */
  --dim:#7C93A8;           /* 6.09:1  */
  --on-cyan:#001018;

  /* type */
  --sans:'Outfit',system-ui,sans-serif;   /* 800 headlines, 400 body */

  /* geometry */
  --r:10px; --r-lg:18px; --r-pill:999px;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* Extension 1: wave ramp. No section 1 equivalent. Section band backgrounds on
   services, gallery and about. Values carried over unchanged from those pages.
   Approved 2026-09-23, see BUILD-LOG.md step 2. */
:root{
  --wave-1:#0A3346;
  --wave-2:#0B4158;
  --wave-3:#0D5670;
  --wave-4:#0F7A94;
}

/* Extension 2: spacing scale, container and timing values. Carried over unchanged
   from the index and contact pages because the shared header, drawer and footer
   depend on them on every route. */
:root{
  --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --s8:64px; --s9:96px; --s10:128px; --s11:160px;
  --max:1320px; --margin:40px;
  --e:cubic-bezier(.16,1,.3,1); --t-fast:180ms; --t-mid:320ms; --t-slow:800ms;
}