:root {
  --gold: #d4af37;
  --text-gold: #b08643;
  --cream: #fff9f5;
  --deep: #fff0f3;
  --maroon: #800020; /* Darker Burgundy for better readability */
  --rose: #fadadd;
  --blush: #ffe4e8;
  --ruby: #a64452;
  /* Ensuring these align with your earthy/premium theme */
  --maroon: #800000;
  --ruby2: #a01127;
  --cream2: #fdfaf5; /* A soft vintage background */
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background:var(--deep);
  font-family: "Cormorant Garamond", serif;
}

/* ===== Screen ===== */
.screen {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  opacity: 0;
  transition: 0.5s;
}

.visible {
  display: flex;
  opacity: 1;
}