/* Goji Therapy Custom Styles */
:root {
  --goji-primary: #2d6a4f;
  --goji-secondary: #40916c;
  --goji-accent: #52b788;
  --goji-light: #d8f3dc;
  --goji-dark: #1b4332;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8fafc;
}

.bg-goji-primary { background-color: #2d6a4f !important; }
.bg-goji-secondary { background-color: #40916c !important; }
.bg-goji-accent { background-color: #52b788 !important; }
.bg-goji-light { background-color: #d8f3dc !important; }
.bg-goji-dark { background-color: #1b4332 !important; }

.text-goji-primary { color: #2d6a4f !important; }
.text-goji-secondary { color: #40916c !important; }
.text-goji-accent { color: #52b788 !important; }
.text-goji-light { color: #d8f3dc !important; }
.text-goji-dark { color: #1b4332 !important; }

.border-goji-primary { border-color: #2d6a4f !important; }

.from-goji-light { --tw-gradient-from: #d8f3dc var(--tw-gradient-from-position); --tw-gradient-to: rgb(216 243 220 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-goji-accent { --tw-gradient-to: #52b788 var(--tw-gradient-to-position); }

.hover\:bg-goji-dark:hover { background-color: #1b4332 !important; }
.hover\:text-goji-primary:hover { color: #2d6a4f !important; }

.focus\:ring-goji-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: #2d6a4f !important; }

.btn-primary {
  background-color: #2d6a4f;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: background-color 0.2s;
  border: none;
  cursor: pointer;
}
.btn-primary:hover {
  background-color: #1b4332;
}

.btn-secondary {
  background-color: #40916c;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.2s;
  border: none;
  cursor: pointer;
}
.btn-secondary:hover {
  background-color: #2d6a4f;
}

.card {
  background-color: white;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}