/* ============================================================
   shared.css — base styles used across every page
   Edit colours here to change the whole site at once.
   ============================================================ */

/* --- Tokens ------------------------------------------------ */
:root {
  --bg:   #fbfaf7;
  --ink:  #15140f;
  --muted:#6b675e;
  --hair: #e8e4db;
}

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

html, body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a      { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }

/* --- Header / nav ----------------------------------------- */
.site-nav    { display: flex; }
.site-burger { display: none !important; }
.site-drawer { display: none; }

@media (max-width: 760px) {
  .site-nav    { display: none !important; }
  .site-burger { display: flex !important; }
  .site-drawer { display: flex; }
  .hdr-row     { padding: 18px 20px !important; }
}