/* Amsol brand colors */
:root {
    --amsol-blue: #1E5A8A;
    --amsol-gray: #6B7280;
    --amsol-light-gray: #D1D5DB;
}

/* Scrollbar */
::-webkit-scrollbar-thumb { 
    background: var(--amsol-gray); 
}
::-webkit-scrollbar-thumb:hover { 
    background: var(--amsol-blue); 
}

/* Focus states */
input:focus, 
select:focus, 
textarea:focus { 
    outline: 2px solid var(--amsol-blue); 
    outline-offset: 2px; 
}

/* Card hover */
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
    border-left: 4px solid var(--amsol-blue);
}

/* Badges */
.badge-info { 
    background-color: #e6f0f8; 
    color: var(--amsol-blue); 
}

/* Toast */
.toast {
    background: var(--amsol-gray);
    color: #fff;
}

/* Progress bar */
.progress-bar-fill { 
    background: var(--amsol-blue); 
}

/* Form validation */
input.valid, 
select.valid, 
textarea.valid { 
    border-color: var(--amsol-blue); 
}

/* Tooltip */
.tooltip::before { 
    background: var(--amsol-gray); 
}

/* Status indicators */
.status-dot.active { 
    background-color: var(--amsol-blue); 
}

.status-dot.inactive { 
    background-color: #ef4444; 
}

.status-dot.pending { 
    background-color: #f59e0b; 
}

/* Optional: headings & links branding */
a {
    color: var(--amsol-blue);
}

a:hover {
    text-decoration: underline;
}

/* Optional: buttons (important for consistency) */
.btn-primary {
    background-color: var(--amsol-blue);
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background-color: #17496f;
}

/* Secondary button */
.btn-secondary {
    background-color: var(--amsol-gray);
    color: #fff;
}

.btn-secondary:hover {
    background-color: #4b5563;
}