:root {
  --color-primary: #2D5A27;
  --color-secondary: #A8E6CF;
  --color-bg: #F7F9F7;
  --color-surface: #FFFFFF;
  --color-text: #1A1A1A;
  --radius: 1rem;
  --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom, 20px);
}

.glass-card {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.swipe-card {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-primary {
  background-color: var(--color-primary);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-weight: 600;
  transition: all 0.2s;
}

.btn-primary:active {
  transform: scale(0.95);
  opacity: 0.9;
}