/* ================= ROOT VARIABLES ================= */
:root {
  --purple: #5b1f44;
  --gold: #c9a24d;
  --cream: #fbf2e6;
  --dark: #2a1a1f;
  --muted: #6b5e63;
}

/* ================= BASE ================= */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--dark);
  background: var(--cream);
  line-height: 1.6;
}

a {
  color: var(--purple);
  text-decoration: none;
}

img {
  max-width: 100%;
}

/* ================= LAYOUT ================= */
.container {
  width: min(1100px, 90%);
  margin: 0 auto;
}

/* ================= HEADER ================= */
.site-header {
  background: var(--cream);