/* ===== iCookMagic design tokens — the single source of truth (webcustauto_design_tokens). =====
   Link this on any page: it only sets CSS variables, so it drives design with zero visual regression.
   Change a token in the DB → every page updates. Component styling stays per-page (or use theme-lib.css). */
:root{
  --white:#fff; --black:#000; --ink:#000;
  --magenta:#FF3D7F; --magenta-dk:#D9266A; --pink:#FF3D7F; --mag:#D9266A; --neon:#39FF14; --green:#0a8a12;
  --muted:#555; --line:#000; --cream:#fff;
  --ff-head:Cormorant Garamond, Georgia, serif; --ff-body:DM Sans, system-ui, sans-serif;
  --pad:24px; --maxw:1280px; --scale:1;
}
@media(max-width:1199px){:root{--pad:20px;--maxw:1180px}}
@media(max-width:819px){:root{--pad:18px;--scale:0.94}}
@media(max-width:479px){:root{--pad:12px;--scale:0.88}}
@media(min-width:1440px){:root{--maxw:1440px}}
::selection{background:var(--neon);color:#000}