/* Takhfee Brand Colors - Global Stylesheet */
:root {
  /* Deep Forest - Primary Brand Color (Footer, Heavy Branding, Packaging) */
  --takhfee-forest: #2B4232;
  --takhfee-forest-light: #3a5742;
  --takhfee-forest-dark: #1f2e26;
  
  /* Leaf Green - Call to Action Color */
  --takhfee-leaf: #A3CD39;
  --takhfee-leaf-light: #b8d95c;
  --takhfee-leaf-dark: #8fb82f;
  
  /* Stone Grey - Subtitles, Secondary Text */
  --takhfee-stone: #6B6B6B;
  --takhfee-stone-light: #818181;
  --takhfee-stone-dark: #515151;
  
  /* Off-White - Warmer Background Color */
  --takhfee-offwhite: #F8F9F5;
  --takhfee-offwhite-dark: #f0f1ed;
  
  /* Tailwind-compatible color scales */
  --primary-50: #f5f8f6;
  --primary-100: #e8f0ea;
  --primary-200: #d1e1d5;
  --primary-300: #a8c5b0;
  --primary-400: #7ba587;
  --primary-500: #5a8866;
  --primary-600: #476d52;
  --primary-700: #3a5742;
  --primary-800: #2f4636;
  --primary-900: #2B4232;
  
  --accent-50: #f7fcf0;
  --accent-100: #edf8dc;
  --accent-200: #dcf1be;
  --accent-300: #c4e695;
  --accent-400: #A3CD39;
  --accent-500: #8fb82f;
  --accent-600: #6f9022;
  --accent-700: #566f1e;
  --accent-800: #46591d;
  --accent-900: #3c4d1c;
}

/* Global brand color utilities */
.bg-takhfee-forest { background-color: var(--takhfee-forest) !important; }
.bg-takhfee-leaf { background-color: var(--takhfee-leaf) !important; }
.bg-takhfee-stone { background-color: var(--takhfee-stone) !important; }
.bg-takhfee-offwhite { background-color: var(--takhfee-offwhite) !important; }

.text-takhfee-forest { color: var(--takhfee-forest) !important; }
.text-takhfee-leaf { color: var(--takhfee-leaf) !important; }
.text-takhfee-stone { color: var(--takhfee-stone) !important; }

.border-takhfee-forest { border-color: var(--takhfee-forest) !important; }
.border-takhfee-leaf { border-color: var(--takhfee-leaf) !important; }
.border-takhfee-stone { border-color: var(--takhfee-stone) !important; }

/* Override common Tailwind classes with brand colors */
.bg-primary-600 { background-color: var(--takhfee-forest) !important; }
.bg-primary-700 { background-color: var(--takhfee-forest-dark) !important; }
.bg-primary-50 { background-color: var(--primary-50) !important; }

.text-primary-600 { color: var(--takhfee-forest) !important; }
.text-primary-700 { color: var(--takhfee-forest-dark) !important; }

.border-primary-600 { border-color: var(--takhfee-forest) !important; }
.border-primary-200 { border-color: var(--primary-200) !important; }

/* Call-to-action buttons */
.btn-cta, .bg-accent-600 { 
  background-color: var(--takhfee-leaf) !important; 
  color: white !important;
}

.btn-cta:hover, .bg-accent-700 { 
  background-color: var(--takhfee-leaf-dark) !important; 
}

/* Footer styling */
.footer-brand {
  background-color: var(--takhfee-forest) !important;
  color: white !important;
}

/* Secondary text */
.text-secondary, .text-gray-600 {
  color: var(--takhfee-stone) !important;
}

/* Background overrides */
body {
  background-color: var(--takhfee-offwhite) !important;
}

.bg-gray-50, .bg-white {
  background-color: var(--takhfee-offwhite) !important;
}

/* Focus states */
.focus\:border-primary-600:focus,
.focus\:border-primary-500:focus {
  border-color: var(--takhfee-leaf) !important;
}

.focus\:ring-primary-500:focus,
.focus\:ring-primary-600:focus {
  --tw-ring-color: rgba(163, 205, 57, 0.3) !important;
}

/* Hover states for links and buttons */
.hover\:text-primary-600:hover,
.hover\:text-primary-700:hover {
  color: var(--takhfee-forest) !important;
}

.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.hover\:bg-primary-700:hover {
  background-color: var(--takhfee-forest-dark) !important;
}

/* Brand gradient for special elements */
.takhfee-gradient {
  background: linear-gradient(135deg, var(--takhfee-forest) 0%, var(--takhfee-leaf) 100%) !important;
}

.takhfee-gradient-text {
  background: linear-gradient(135deg, var(--takhfee-forest) 0%, var(--takhfee-leaf) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}