/* Design tokens — translated 1:1 from direction-b.jsx.
 * All visual constants live here. Pixel values are canonical
 * per the design hand-off; do not "round" them.
 */

:root {
  /* Color */
  --bg: #faf2ec;
  --bg-tint: #f3e3da;
  --bg-tint-2: #ebd6c8;
  --accent: #bc6650;
  --accent-soft: rgba(188, 102, 80, 0.55);
  --ink: #3a2a26;
  --body: #5a4540;
  --muted: #8a7268;
  --line: #e6d3c6;

  /* Type */
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-hand: 'Caveat', 'Brush Script MT', cursive;

  /* Spacing */
  --pad-x: 56px;
  --pad-y: 56px;

  /* Radius — explicitly zero per the design */
  --radius: 0;

  /* Sticky offset (matches site-header height + breathing room) */
  --sticky-top: 96px;
}

@media (max-width: 768px) {
  :root {
    --pad-x: 20px;
    --pad-y: 32px;
  }
}

/* ─── Self-hosted fonts ───────────────────────────────────────────────
 *
 * WOFF2 files are NOT checked into the repo. Run scripts/fetch-fonts.sh
 * (or download manually via https://gwfh.mranftl.com/fonts) to populate
 * static/fonts/ with the files referenced below. If a file is missing
 * the browser silently falls back to the next font in the stack.
 */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/fraunces-300.65f4bc346e99.woff2") format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/fraunces-300-italic.0b90a59a4f3c.woff2") format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fraunces-400.15ccd91d7a8f.woff2") format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fraunces-400-italic.b02d32cd59dc.woff2") format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-400.da03732a27e1.woff2") format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-500.51205681a1ba.woff2") format('woff2');
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/caveat-400.568bb37d0455.woff2") format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/caveat-600.018947f2ec96.woff2") format('woff2');
}