/* Cloud Pantry marketing — shared tokens + base. Linked by index.html, privacy.html, and (later) help.html. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=DM+Sans:wght@400;500;600&display=swap');

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

:root{
  --sage:#7a9e7e; --sage-light:#c8deca; --sage-dark:#4a7050; --sage-deep:#3a5a40;
  --cream:#faf7f2; --warm-white:#fffef9;
  --ink:#1c1c1e; --ink-soft:#4a4a4c; --ink-muted:#8a8a8e;
  --amber:#d4922b; --amber-light:#fdf0d8; --red:#c0392b;
  --border:#e8e4dc;
  --shadow-sm:0 1px 4px rgba(0,0,0,.06);
  --shadow-md:0 8px 30px rgba(58,90,64,.10);
  --shadow-lg:0 24px 60px rgba(58,90,64,.18);
  --maxw:1080px;
}

/* Shared chrome + focus base — byte-identical in index.html and privacy.html */
.brand{ display:flex; align-items:center; gap:9px; font-family:'Fraunces',serif; font-weight:600; font-size:20px; color:var(--sage-dark); }
.brand .leaf{ font-size:22px; }
:focus-visible{ outline:2px solid var(--sage-dark); outline-offset:3px; border-radius:4px; }