/* =========================================================================
   site.css — shared FOUNDATION PRIMITIVES for the public marketing pages
   (index, about, contact, gallery, coffee, burkett, jacques_and_mary).

   Scope is deliberately minimal: only the bits that are identical across
   every page — color palette, reset, base typography, the shared keyframes,
   and reduced-motion. Each page's components (nav, cards, layout, spacing)
   have intentionally drifted and remain in that page's own <style> block.

   NOT used by the app (app.html → styles.css). Keep the two separate.
   ========================================================================= */

:root {
  --espresso: #1b0f0a;
  --cocoa: #4b2f22;
  --latte: #d6c2ad;
  --cream: #f1e5d6;
  --amber: #b06d48;
  --paper: rgba(255, 255, 255, 0.78);
  --shadow: rgba(27, 15, 10, 0.18);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  color: var(--espresso);
}

/* Shared entrance animations (page-specific keyframes stay in-page). */
@keyframes contentRise {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes titleRise {
  0%   { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes navRise {
  0%   { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}