@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/animations.css");
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/nav.css");
@import url("components/toast.css");
@import url("pages/landing.css");
@import url("pages/app.css");
@import url("pages/surprise.css");
@import url("pages/themes.css");
@import url("pages/reveals.css");
@import url("pages/journey.css");
@import url("pages/hands.css");
@import url("pages/mobile.css");

.row-gap { --bs-gutter-y: 1rem; }

.logo-word { font-family: "Outfit", sans-serif; }

.error-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 32px;
}

.error-page h1 {
  font-size: clamp(2.4rem, 8vw, 4rem);
  margin-bottom: 12px;
}

.share-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.link-box {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--wn-border);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--wn-muted);
  font-size: 0.88rem;
}

.theme-eternal-love { background: linear-gradient(160deg, #ffe8e4, #fff4f0); }
.theme-midnight-romance { background: radial-gradient(circle at 80% 10%, #2a2038, #07070c 50%); }
.theme-soft-bloom { background: linear-gradient(160deg, #fde8e4, #fbf6f0); }
.theme-golden-memories { background: linear-gradient(160deg, #f6e4c4, #f7efe0); }
.theme-minimal { background: linear-gradient(180deg, #f4f1ee, #e8e4df); }
.theme-cinematic { background: radial-gradient(circle at 50% 80%, #1b3a3a, #060809 55%); }