/* Paul Hokayem CRM - Custom Color Scheme */
/* Logo Colors: #01772b (Green) and #676767 (Gray) */

/* Override Tailwind's indigo colors with our brand colors */
:root {
    --color-primary: #01772b;
    --color-primary-light: rgba(1, 119, 43, 0.1);
    --color-primary-lighter: rgba(1, 119, 43, 0.05);
    --color-secondary: #676767;
}

/* Button Styles */
.bg-indigo-600 {
    background-color: var(--color-primary) !important;
}

.bg-indigo-700,
.hover\:bg-indigo-700:hover {
    background-color: #015a21 !important;
}

.bg-indigo-100 {
    background-color: var(--color-primary-light) !important;
}

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

/* Text Colors */
.text-indigo-600 {
    color: var(--color-primary) !important;
}

.text-indigo-700,
.hover\:text-indigo-700:hover {
    color: #015a21 !important;
}

.text-indigo-800,
.hover\:text-indigo-800:hover {
    color: #014419 !important;
}

.text-indigo-900,
.hover\:text-indigo-900:hover {
    color: #012e11 !important;
}

/* Border Colors */
.border-indigo-500,
.focus\:border-indigo-500:focus {
    border-color: var(--color-primary) !important;
}

.border-indigo-300,
.hover\:border-indigo-300:hover {
    border-color: #4ade80 !important;
}

/* Ring Colors (Focus states) */
.focus\:ring-indigo-500:focus,
.ring-indigo-500 {
    --tw-ring-color: var(--color-primary) !important;
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

/* Specific component overrides */
.text-green-600 {
    color: var(--color-primary) !important;
}

.focus\:ring-green-600:focus {
    --tw-ring-color: var(--color-primary) !important;
}

/* Badge/Tag styles */
.bg-indigo-100.text-indigo-800 {
    background-color: var(--color-primary-light) !important;
    color: var(--color-primary) !important;
}

/* Checkbox styles */
input[type="checkbox"]:checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* Custom utility classes */
.bg-primary {
    background-color: var(--color-primary);
}

.bg-primary-light {
    background-color: var(--color-primary-light);
}

.text-primary {
    color: var(--color-primary);
}

.border-primary {
    border-color: var(--color-primary);
}

.ring-primary {
    --tw-ring-color: var(--color-primary);
}

/* Hover states */
.hover\:bg-primary:hover {
    background-color: #015a21;
}

.hover\:text-primary:hover {
    color: #015a21;
}

/* Focus states */
.focus\:ring-primary:focus {
    --tw-ring-color: var(--color-primary);
}

.focus\:border-primary:focus {
    border-color: var(--color-primary);
}

/* Gradient backgrounds */
.gradient-primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

/* Additional overrides for specific elements */
select:focus,
input:focus,
textarea:focus {
    --tw-ring-color: var(--color-primary) !important;
}

/* Calendar and date picker overrides */
.bg-indigo-100.text-indigo-600 {
    background-color: var(--color-primary-light) !important;
    color: var(--color-primary) !important;
}

/* Pagination styles */
.bg-indigo-600.text-white {
    background-color: var(--color-primary) !important;
}

/* Link styles */
a.text-indigo-600:hover {
    color: #015a21 !important;
}

/* Form validation styles */
.border-red-500:focus {
    --tw-ring-color: #ef4444 !important;
}

/* Ensure proper contrast for accessibility */
.text-white {
    color: #ffffff !important;
}

/* Custom animations and transitions */
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    :root {
        --color-primary: #22c55e;
        --color-primary-light: rgba(34, 197, 94, 0.1);
        --color-primary-lighter: rgba(34, 197, 94, 0.05);
    }
}

/* Print styles */
@media print {
    .bg-indigo-600,
    .bg-primary {
        background-color: #01772b !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}