/* Modula Brand Overrides */
:root {
  --modula-green: #10b981;
  --modula-green-dark: #059669;
  --modula-green-light: #34d399;
  --modula-bg-accent: #ecfdf5;
}

/* Override blue colors with emerald */
.bg-blue-600, .bg-blue-500 { background-color: var(--modula-green) !important; }
.text-blue-600, .text-blue-500 { color: var(--modula-green) !important; }
.border-blue-600, .border-blue-500 { border-color: var(--modula-green) !important; }
.from-blue-600 { --tw-gradient-from: var(--modula-green) !important; }
.to-blue-500 { --tw-gradient-to: var(--modula-green-light) !important; }
.via-blue-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--modula-green), var(--tw-gradient-to) !important; }

/* Override indigo colors */
.bg-indigo-600, .bg-indigo-500 { background-color: var(--modula-green) !important; }
.text-indigo-600, .text-indigo-500 { color: var(--modula-green) !important; }
.from-indigo-600 { --tw-gradient-from: var(--modula-green-dark) !important; }
.to-indigo-500 { --tw-gradient-to: var(--modula-green) !important; }
.via-indigo-500 { --tw-gradient-stops: var(--tw-gradient-from), var(--modula-green), var(--tw-gradient-to) !important; }

/* Hover states */
.hover\:bg-blue-700:hover, .hover\:bg-indigo-700:hover { background-color: var(--modula-green-dark) !important; }
.hover\:text-blue-700:hover { color: var(--modula-green-dark) !important; }

/* Focus states */
.focus\:ring-blue-500:focus, .focus\:ring-indigo-500:focus { --tw-ring-color: var(--modula-green) !important; }

/* Button gradients */
[class*="bg-gradient-to-r"] {
  background-image: linear-gradient(to right, var(--modula-green-dark), var(--modula-green)) !important;
}

/* SVG fills */
svg path[fill="#6366f1"], svg path[fill="#818cf8"] {
  fill: var(--modula-green) !important;
}

/* Additional accents */
.bg-gray-800 a:hover, .text-gray-400:hover { color: var(--modula-green-light) !important; }
