/* YA4C Custom Styles - Professional Blue/Teal Theme */

:root {
    --ya4c-primary: #0891b2;
    --ya4c-primary-dark: #0e7490;
    --ya4c-secondary: #0d9488;
    --ya4c-accent: #f59e0b;
}

/* Auth page background */
body.auth-page {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e293b 100%) !important;
}

/* Override any remaining purple colors */
.btn-primary {
    background: var(--ya4c-primary) !important;
    border-color: var(--ya4c-primary) !important;
}

.btn-primary:hover {
    background: var(--ya4c-primary-dark) !important;
    border-color: var(--ya4c-primary-dark) !important;
}

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

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

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

/* Form focus states */
.form-control:focus,
.form-select:focus {
    border-color: var(--ya4c-primary);
    box-shadow: 0 0 0 0.2rem rgba(8, 145, 178, 0.25);
}

/* Links */
a {
    color: var(--ya4c-primary);
}

a:hover {
    color: var(--ya4c-primary-dark);
}

/* Badge improvements */
.badge.bg-primary {
    background-color: var(--ya4c-primary) !important;
}

/* Alert improvements */
.alert-primary {
    background-color: rgba(8, 145, 178, 0.1);
    border-color: var(--ya4c-primary);
    color: var(--ya4c-primary-dark);
}