/* The Shluchim Office — shared stylesheet
   Base styles. Page-specific styles live in assets/pages/<page>.css
   Palette and spacing are all in the :root block below, change them once here. */

:root {
  --accent: #a3455d;
  --accent-dk: #7e3246;
  --tint: #f6e9ed;
  --pink: #e7a9b8;
  --bg: #f6f4f1;
  --line: #ebe8e2;
  --ink: #1b1f24;
  --text: #4a5058;
  --muted: #767b83;
  --dark: #1e1a1c;
  --dark-text: #d9d4d6;
  --dark-muted: #b9b2b5;
  --wrap: 1200px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  font-family: Heebo, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-dk); }
img { max-width: 100%; height: auto; display: block; border: 0; }
input, select, textarea, button { font-family: inherit; }
h1, h2, h3, p, ul { margin: 0; padding: 0; }

.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; }

/* ---------------------------------------------------------------- header and footer
   Both come from https://assets.shluchim.org/chrome/v1/chrome.js (repo: Shluchim-Office/shluchim-assets).
   This only reserves the header's height so the page does not jump while it loads. */

shluchim-header { display: block; min-height: 69px; }
@media (max-width: 819px) { shluchim-header { min-height: 81px; } }