/* BeCore Custom Colors */

/* Background Colors */
.bg-becore-primary { background-color: #3B82F6 !important; }
.bg-becore-blue { background-color: #1E3A8A !important; }
.bg-becore-dark { background-color: #1E293B !important; }
.bg-becore-green { background-color: #10B981 !important; }
.bg-becore-cyan { background-color: #06B6D4 !important; }
.bg-becore-amber { background-color: #F59E0B !important; }

/* Text Colors */
.text-becore-primary { color: #3B82F6 !important; }
.text-becore-blue { color: #1E3A8A !important; }
.text-becore-dark { color: #1E293B !important; }
.text-becore-gray { color: #64748B !important; }
.text-becore-green { color: #10B981 !important; }
.text-becore-cyan { color: #06B6D4 !important; }
.text-becore-amber { color: #F59E0B !important; }

/* Border Colors */
.border-becore-primary { border-color: #3B82F6 !important; }
.border-becore-green { border-color: #10B981 !important; }

/* Background Color Opacities */
.bg-becore-green\/10 { background-color: rgba(16, 185, 129, 0.1) !important; }
.bg-becore-cyan\/10 { background-color: rgba(6, 182, 212, 0.1) !important; }

/* Hover States */
.hover\:bg-becore-blue:hover { background-color: #1E3A8A !important; }
.hover\:bg-becore-primary:hover { background-color: #3B82F6 !important; }
.hover\:text-becore-primary:hover { color: #3B82F6 !important; }
.hover\:text-becore-blue:hover { color: #1E3A8A !important; }
.hover\:text-becore-dark:hover { color: #1E293B !important; }

/* Ring Colors for Focus States */
.peer-focus\:ring-becore-primary\/20:focus ~ * {
    --tw-ring-color: rgba(59, 130, 246, 0.2) !important;
}

.peer-checked\:bg-becore-primary:checked ~ * {
    background-color: #3B82F6 !important;
}

/* Gradient Support */
.from-becore-blue { --tw-gradient-from: #1E3A8A !important; --tw-gradient-to: rgba(30, 58, 138, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-becore-primary { --tw-gradient-from: #3B82F6 !important; --tw-gradient-to: rgba(59, 130, 246, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-becore-blue { --tw-gradient-to: rgba(30, 58, 138, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #1E3A8A, var(--tw-gradient-to) !important; }
.via-becore-primary { --tw-gradient-to: rgba(59, 130, 246, 0) !important; --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to) !important; }
.to-becore-blue { --tw-gradient-to: #1E3A8A !important; }
.to-becore-primary { --tw-gradient-to: #3B82F6 !important; }
.to-becore-cyan { --tw-gradient-to: #06B6D4 !important; }

/* Focus ring colors */
.focus\:ring-becore-primary:focus { --tw-ring-color: #3B82F6 !important; }
.focus\:border-becore-primary:focus { border-color: #3B82F6 !important; }

/* SVG Icon fixes */
.bg-becore-primary svg,
.bg-becore-blue svg,
.bg-becore-cyan svg,
.bg-becore-green svg,
.bg-becore-amber svg {
    color: white !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Ensure proper icon visibility */
[class*="bg-becore-"] .text-white {
    color: white !important;
}