/* Promise Blogs — design tokens. Loaded before main.css. */
:root{
  --ink:#212121;         /* text + button fills (softer than pure black) */
  --ink-soft:#3d3d3d;
  --muted:#767676;       /* meta grey */
  --paper:#ffffff;
  --rule:#dcdcdc;        /* section separators / dividers (light grey) */
  --line:#ededed;        /* hairlines between list items (lighter) */
  --control:#cbcbcb;     /* input + icon-button borders */
  --cream:#f4efe3;       /* light CTA / newsletter background */
  --cream-2:#efe6d3;
  --red:#fc443a;
  --orange:#fc883a;
  --grad:linear-gradient(90deg,#fc443a,#fc883a);   /* accent gradient (use sparingly) */
  --wrap:1280px;
  --wrap-wide:1340px;
  --maxw-read:720px;
  --gutter:clamp(16px,4vw,44px);
  --section-gap:clamp(26px,3vw,48px);   /* space between sections (halved) */
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Albert Sans","Trebuchet MS","Segoe UI",sans-serif;
}