/* ── Base ── */
body {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #1c1c2e;
}
.font-serif {
  font-family: "Playfair Display", serif;
}
.font-script {
  font-family: "Dancing Script", cursive;
}

/* ── Reveal on scroll ── */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}
[data-reveal].visible {
  opacity: 1;
  transform: none;
}
[data-reveal-delay="1"] {
  transition-delay: 0.1s;
}
[data-reveal-delay="2"] {
  transition-delay: 0.2s;
}
[data-reveal-delay="3"] {
  transition-delay: 0.3s;
}
[data-reveal-delay="4"] {
  transition-delay: 0.4s;
}
[data-reveal-delay="5"] {
  transition-delay: 0.5s;
}
[data-reveal-delay="6"] {
  transition-delay: 0.6s;
}

/* ── Gradient text (index) ── */
.gradient-text {
  background: linear-gradient(135deg, #1b2b6b 0%, #3a5ba0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Prose cap (index) ── */
.prose-cap {
  max-width: 62ch;
}

/* ── Product order button (atelier, toys) ── */
.btn-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.65rem 1.25rem;
  border-radius: 9999px;
  transition:
    background-color 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
  text-decoration: none;
}
.btn-order[data-state="normal"] {
  background: #25d366;
  color: #fff;
}
.btn-order[data-state="normal"]:hover {
  background: #1dab53;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
}
.btn-order[data-state="quote"] {
  background: #1b2b6b;
  color: #fff;
}
.btn-order[data-state="quote"]:hover {
  background: #111e4f;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(27, 43, 107, 0.3);
}