@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Lato:wght@300;400;700&display=swap');

:root {
  --dark: #1a0011;
  --deep-rose: #8B1A4A;
  --warm-pink: #D4507A;
  --card-bg: #FFF8F0;
  --grey: #ccc;
  --font-display: 'Dancing Script', cursive;
  --font-body: 'Lato', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-body);
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.btn {
  border: none;
  padding: 14px 36px;
  border-radius: 50px;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: var(--font-body);
  transition: all 0.3s ease;
  min-height: 44px;
  touch-action: manipulation;
}

.btn-primary {
  background: var(--warm-pink);
  color: #fff;
  box-shadow: 0 0 20px rgba(212, 80, 122, 0.4);
}

.btn-primary:hover {
  background: var(--deep-rose);
  box-shadow: 0 0 30px rgba(212, 80, 122, 0.6);
  transform: scale(1.05);
}