/* ImagineIf — design tokens.
 * EVERY VALUE IS `SAMPLED` from the client's own live site. Nothing here is invented:
 * SS5.1 of the scope — a token we invent is a visual change we were not paid to make.
 * `hand=` is the declaration count in the 117 KB of hand-written CSS recovered from
 * wp_easy_custom_js_and_css; `divi=` is the count in Divi's generated inline CSS.
 * Generated by tools/tokens.py. Do not hand-edit — re-run it.
 * NOT YET CONFIRMED against computed styles; that happens in the parity phase on the
 * Server C capture lane. Until then these are declarations, not pixels.
 */
:root {
  --c-white: #ffffff;         /* SAMPLED hand=21 divi=7746 */
  --c-teal-dark: #0e3d4d;     /* SAMPLED hand=16 divi=1997 */
  --c-teal-dark-2: #0a3d4a;   /* SAMPLED hand=6 divi=671 */
  --c-grey-l: #dadada;        /* SAMPLED hand=2 divi=332 */
  --c-grey-l-2: #c4c4c4;      /* SAMPLED hand=2 divi=222 */
  --c-yellow-light: #e3e1ce;  /* SAMPLED hand=2 divi=223 */
  --c-white-2: #f5f4ef;       /* SAMPLED hand=1 divi=132 */
  --c-teal: #3bbad7;          /* the header/footer band; SAMPLED from divi-base.css */

  /* MOTION. panel.css referenced --dur-med, --dur-fast and --ease from the day it was written
     and nothing ever defined them. An undefined var() does not fall back -- it deletes the whole
     declaration -- so `.rise`'s transition never existed, and the scroll reveals would have
     popped instead of faded the moment they were wired up (measured 2026-09-26). */
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --font-1: Roboto;         /* SAMPLED hand=8 divi=5589 */
  --fs-01: 24px;            /* SAMPLED hand=28 */
  --fs-02: 18px;            /* SAMPLED hand=26 */
  --fs-03: 20px;            /* SAMPLED hand=20 */
  --fs-04: 50px;            /* SAMPLED hand=11 */
  --fs-05: 40px;            /* SAMPLED hand=9 */
  --fs-06: 28px;            /* SAMPLED hand=8 */
  --fs-07: 25px;            /* SAMPLED hand=8 */
  --fs-08: 36px;            /* SAMPLED hand=7 */
  --fs-09: 30px;            /* SAMPLED hand=7 */
  --fs-10: 12px;            /* SAMPLED hand=6 */
  --sp-01: 20px;            /* SAMPLED hand=46 */
  --sp-02: 30px;            /* SAMPLED hand=46 */
  --sp-03: 15px;            /* SAMPLED hand=34 */
  --sp-04: 60px;            /* SAMPLED hand=29 */
  --sp-05: 10px;            /* SAMPLED hand=22 */
  --sp-06: 25px;            /* SAMPLED hand=22 */
  --sp-07: 55px;            /* SAMPLED hand=21 */
  --sp-08: 50px;            /* SAMPLED hand=16 */
  --sp-09: 65px;            /* SAMPLED hand=15 */
  --sp-10: 40px;            /* SAMPLED hand=14 */
}