* {
  font-family: 'Inter', sans-serif;
}

:root {
  --warm-orange: #ff8c42;
  --warm-pink: #ffb3ba;
  --warm-cream: #fff8f0;
  --warm-brown: #8b6f47;
  --warm-red: #ff6b6b;
  --warm-pagefy-color: #000000;
}

body {
  background-color: var(--warm-cream);
  color: #4a4a4a;
}

.warm-gradient {
  background: linear-gradient(135deg, #ec9637 0%, #ff8c42 100%);
}

.card-shadow {
  box-shadow: 0 4px 20px rgba(255, 140, 66, 0.15);
}

.card-shadow:hover {
  box-shadow: 0 8px 30px rgba(255, 140, 66, 0.25);
  transition: all 0.3s ease;
}

.warm-button {
  background: linear-gradient(135deg, var(--warm-orange) 0%, var(--warm-red) 100%);
  transition: all 0.3s ease;
}

.warm-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 140, 66, 0.4);
}

.rounded-warm {
  border-radius: 20px;
}

.text-warm-orange {
  color: var(--warm-orange);
}

.bg-warm-cream {
  background-color: var(--warm-cream);
}