/* ============================================================
   ULTRAEASE — DESIGN TOKENS
   Single source of truth for the brand palette. Sampled from the
   Spliss-trimmer packaging gradient + wordmark teal.
   Every page loads this first; no page redefines these.
   ============================================================ */
:root{
  /* Surfaces */
  --snow:#FDFDFD;

  /* Brand core */
  --turq:#17BBB0;        /* logo teal — sampled from wordmark.png */
  --logo-teal:#17BBB0;   /* alias used by the Aurora button + anything that references logo-teal directly */
  --turq-deep:#0F7C75;
  --turq-ink:#0E665F;

  /* Secondary pastels (the packaging gradient, in order) */
  --mint:#B9E6DC;
  --violet:#D2B9DD;
  --purple:#9E79BD;
  --pink:#F6B9C6;

  /* Type */
  --ink:#232322;
  --body:#4C4C49;
  --muted:#8C8C87;
  --hair:rgba(35,40,38,.10);
  --col-ink:#0E5048;     /* deep teal-ink for text on colour blocks */

  /* PDP section tints (legacy — being phased toward the wash recipe below) */
  --cream:#FAF6EF;--cream-deep:#F2EDE2;
  --tint-mint:#F0F7F4;--tint-mint-deep:#E1EFE9;
  --tint-cream:#FAF6EF;--tint-cream-deep:#F4EFE5;
  --tint-lavender:#F3EEF7;--tint-lavender-deep:#E8DFEE;

  /* ----------------------------------------------------------
     SECTION COLOUR SYSTEM — one cloud recipe, two amplitudes.
     Every coloured section = saturated base gradient + layered
     radial "cloud" blobs (the reviews-section look). RGB triplets
     so opacity composes per use.
       bloom — homepage moment sections (full voice)
       wash  — PDP reading sections (same hues, lower volume)
     ---------------------------------------------------------- */
  --cloud-teal:   87,209,180;   /* #57D1B4 */
  --cloud-mint:   185,230,220;  /* var(--mint) */
  --cloud-violet: 210,185,221;  /* var(--violet) */
  --cloud-purple: 158,121,189;  /* var(--purple) */
  --cloud-pink:   246,185,198;  /* var(--pink) */
  --bloom-hi:.95;  --bloom-lo:.62;
  --wash-hi:.48;   --wash-lo:.30;
}