/* Custom Green Theme for RMRDC Quiz System */
:root {
    --primary-green: #008822;
    --primary-green-dark: #006618;
    --primary-green-light: #00aa2a;
    --primary-green-hover: #009922;
}

/* Primary Green Colors */
.bg-primary {
    background-color: var(--primary-green) !important;
}

.bg-primary-dark {
    background-color: var(--primary-green-dark) !important;
}

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

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

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

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

.hover\:text-primary:hover {
    color: var(--primary-green) !important;
}

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

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

/* Override Tailwind blue classes with green */
.bg-blue-600,
.bg-blue-500 {
    background-color: var(--primary-green) !important;
}

.bg-blue-700,
.bg-blue-800 {
    background-color: var(--primary-green-dark) !important;
}

.bg-blue-400,
.bg-blue-500 {
    background-color: var(--primary-green-light) !important;
}

.hover\:bg-blue-700:hover,
.hover\:bg-blue-600:hover {
    background-color: var(--primary-green-dark) !important;
}

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

.text-blue-600,
.text-blue-500 {
    color: var(--primary-green) !important;
}

.text-blue-700 {
    color: var(--primary-green-dark) !important;
}

.hover\:text-blue-600:hover,
.hover\:text-blue-500:hover {
    color: var(--primary-green) !important;
}

.border-blue-500,
.border-blue-600 {
    border-color: var(--primary-green) !important;
}

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

.focus\:border-blue-500:focus,
.focus\:border-blue-600:focus {
    border-color: var(--primary-green) !important;
}

/* RMRDC Logo Styling */
.rmrdc-logo {
    max-height: 50px;
    width: auto;
}

/* Password hint styling */
.password-hint {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.password-hint.valid {
    color: var(--primary-green);
}

.password-hint.invalid {
    color: #ef4444;
}