/* THEME 6 — Suds & Shine + Before/After */
:root{
  --bg:#eef9ff;
  --surface:#ffffff;
  --sec-bg:#eef9ff;
  --sec-alt:#dff2fd;
  --ink:#043a5e;
  --ink-head:#03263e;
  --ink-dim:#4a7e9e;
  --ink-body:#215779;
  --acc:#0284c7;
  --acc-text:#036faa;
  --acc-soft:#9fd0ea;
  --mark:#b8ddef;
  --cta-bg:#38bdf8;
  --cta-ink:#043a5e;
  --line:rgba(0,0,0,.10);
  --line-strong:rgba(0,0,0,.22);
  --dot-line:rgba(0,0,0,.28);
  --nav-bg:rgba(255,255,255,.78);
  --nav-line:rgba(0,0,0,.07);
  --ico-bg:rgba(0,0,0,.045);
  --spot:rgba(0,0,0,.035);
  --g1:rgba(56,189,248,.18);
  --g2:rgba(191,233,255,.30);
  --grid-line:rgba(0,0,0,.05);
  --grid-op:.7;
  --star:#f59e0b;
  --badge-bg:rgba(255,255,255,.86);
  --badge-ink:#043a5e;
  --badge-line:rgba(0,0,0,.10);
  --pulse-c:#0284c7;
  --bubble:rgba(120,200,245,.30);
  --bubble-line:rgba(120,200,245,.45);
  --font-display:'Poppins',sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --r-lg:34px; --r-md:26px; --r-btn:999px; --r-ico:20px; --r-num:50%;
  --w-head:700; --ls-head:-.01em;
  --shadow-sm:0 1px 3px rgba(16,32,40,.06), 0 6px 18px rgba(16,32,40,.05);
  --shadow-md:0 10px 30px rgba(16,32,40,.11);
  --shadow-photo:0 26px 60px rgba(16,32,40,.18);
  --shadow-cta:0 12px 28px rgba(0,0,0,.16);
  --ease:cubic-bezier(.22,1,.36,1);
}