/* ===== Xhino Theme - Based on Logo Colors ===== */
/* 
 * Primary Colors from Logo:
 * - Golden Yellow (Sun): #FFD700
 * - Light Green: #7CB342
 * - Medium Green: #4CAF50
 * - Dark Green (Main Leaf): #3D6B3D
 * - Sky Blue (Cloud): #B3E5FC
 */

:root {
  /* Primary Green Palette */
  --xhino-green-50: #f0fdf4;
  --xhino-green-100: #dcfce7;
  --xhino-green-200: #bbf7d0;
  --xhino-green-300: #86efac;
  --xhino-green-400: #4ade80;
  --xhino-green-500: #4caf50; /* Medium Green from logo */
  --xhino-green-600: #3d6b3d; /* Dark Green from logo */
  --xhino-green-700: #2d5a2d;
  --xhino-green-800: #1e3d1e;
  --xhino-green-900: #14532d;

  /* Secondary - Lime Green */
  --xhino-lime-400: #a3e635;
  --xhino-lime-500: #7cb342; /* Light Green from logo */
  --xhino-lime-600: #65a30d;

  /* Accent - Golden Yellow */
  --xhino-gold-300: #fde047;
  --xhino-gold-400: #facc15;
  --xhino-gold-500: #ffd700; /* Golden from logo */
  --xhino-gold-600: #ca8a04;

  /* Accent - Sky Blue */
  --xhino-sky-100: #e0f2fe;
  --xhino-sky-200: #b3e5fc; /* Sky Blue from logo */
  --xhino-sky-300: #7dd3fc;
  --xhino-sky-400: #38bdf8;
}

/* Primary Gradient - Green meadow inspired */
.gradient-primary {
  background: linear-gradient(135deg, #4caf50 0%, #3d6b3d 100%) !important;
}

/* Alternative Gradients */
.gradient-meadow {
  background: linear-gradient(135deg, #7cb342 0%, #4caf50 50%, #3d6b3d 100%);
}

.gradient-sunrise {
  background: linear-gradient(135deg, #ffd700 0%, #7cb342 100%);
}

.gradient-nature {
  background: linear-gradient(135deg, #4caf50 0%, #7cb342 50%, #ffd700 100%);
}

/* Text Gradient - Green */
.text-gradient {
  background: linear-gradient(135deg, #4caf50, #3d6b3d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Custom Tailwind-like utility classes for Xhino colors */
.text-xhino-green {
  color: #4caf50;
}
.text-xhino-green-dark {
  color: #3d6b3d;
}
.text-xhino-lime {
  color: #7cb342;
}
.text-xhino-gold {
  color: #ffd700;
}

.bg-xhino-green {
  background-color: #4caf50;
}
.bg-xhino-green-dark {
  background-color: #3d6b3d;
}
.bg-xhino-lime {
  background-color: #7cb342;
}
.bg-xhino-gold {
  background-color: #ffd700;
}

.bg-xhino-green-50 {
  background-color: #f0fdf4;
}
.bg-xhino-green-100 {
  background-color: #dcfce7;
}

.border-xhino-green {
  border-color: #4caf50;
}
.border-xhino-green-dark {
  border-color: #3d6b3d;
}

/* Hover States */
.hover\:text-xhino-green:hover {
  color: #4caf50;
}
.hover\:text-xhino-green-dark:hover {
  color: #3d6b3d;
}
.hover\:bg-xhino-green:hover {
  background-color: #4caf50;
}
.hover\:bg-xhino-green-dark:hover {
  background-color: #3d6b3d;
}

/* Focus States */
.focus\:border-xhino-green:focus {
  border-color: #4caf50;
}
.focus\:ring-xhino-green:focus {
  --tw-ring-color: #4caf50;
}

/* Accent Color Overrides */
.accent-xhino {
  accent-color: #4caf50;
}

/* Form Elements */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #4caf50 !important;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2);
}

/* Button Styles */
.btn-primary {
  background: linear-gradient(135deg, #4caf50 0%, #3d6b3d 100%);
  color: white;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

.btn-outline-primary {
  border: 2px solid #4caf50;
  color: #4caf50;
  background: transparent;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
  background: #4caf50;
  color: white;
}

/* Card Hover Effects */
.card-hover:hover {
  box-shadow: 0 20px 40px rgba(61, 107, 61, 0.15);
  border-color: #4caf50;
}

/* Link Styles */
a.link-primary {
  color: #4caf50;
  transition: color 0.3s ease;
}

a.link-primary:hover {
  color: #3d6b3d;
}

/* Badge/Tag Styles */
.badge-primary {
  background-color: #dcfce7;
  color: #3d6b3d;
}

/* Progress Bar */
.progress-bar {
  background: linear-gradient(90deg, #7cb342, #4caf50, #3d6b3d);
}

/* Selection Color */
::selection {
  background-color: #4caf50;
  color: white;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f0fdf4;
}

::-webkit-scrollbar-thumb {
  background: #4caf50;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3d6b3d;
}

/* Animated Background - Nature Theme */
.animated-bg-nature {
  background: linear-gradient(-45deg, #1e3d1e, #3d6b3d, #4caf50, #7cb342);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
}

/* Glow Effects - Green */
.glow-green {
  box-shadow: 0 0 20px rgba(76, 175, 80, 0.4);
}

.hover\:glow-green:hover {
  box-shadow: 0 0 30px rgba(76, 175, 80, 0.6);
}

/* Neon Text - Green */
.neon-text-green {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #4caf50, 0 0 40px #4caf50;
}

/* Leaf decoration */
.leaf-decoration::before {
  content: "🌿";
  position: absolute;
  opacity: 0.1;
  font-size: 200px;
}