/* ─── Tokens ─────────────────────────────────────── */
:root {
  --cream:     #f5f2ec;
  --ink:       #2a2520;
  --ink-light: #8a8178;
  --red:       #c0392b;
  --tan:       #d6cfc4;

  --font-serif: 'IM Fell English', 'Georgia', serif;

  /* invite layout */
  --max-desktop: 680px;
  --max-mobile:  420px;
}

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

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-serif);
  background: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

/* ─── Image protection ────────────────────────────── */
img {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  draggable: false;
}

.img-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* transparent overlay blocks right-click save on illustrations */
.img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: default;
}

/* ─── Links ──────────────────────────────────────── */
a {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--tan);
  text-underline-offset: 3px;
  transition: color 0.2s, text-decoration-color 0.2s;
}

a:hover {
  color: var(--red);
  text-decoration-color: var(--red);
}

a:visited {
  color: var(--ink-light);
  text-decoration-color: var(--tan);
}