/* =========================================================
   Vorik Global Theme
   Bleu pétrole + cyan
   ========================================================= */

:root {
    --vorik-primary: #0f4c5c;
    --vorik-primary-dark: #093845;
    --vorik-accent: #06b6d4;
    --vorik-accent-dark: #0891b2;

    --vorik-bg: #f8fbfd;
    --vorik-surface: #ffffff;
    --vorik-light: #ecfeff;
    --vorik-border: #d9eef3;

    --vorik-text: #0f172a;
    --vorik-muted: #64748b;

    --vorik-success: #10b981;
    --vorik-warning: #f59e0b;
    --vorik-danger: #ef4444;

    --brand-primary: var(--vorik-primary);
    --brand-primary-dark: var(--vorik-primary-dark);
    --brand-accent: var(--vorik-accent);
    --brand-accent-dark: var(--vorik-accent-dark);
}

/* Logo */
.logo-title span,
.footer-logo-title span {
    color: var(--vorik-accent) !important;
}

/* Header / footer icons */
.topbar-chip i,
.topbar-mobile-note i,
.footer-app-title i,
.register-logo-mark i {
    color: var(--vorik-accent) !important;
}

/* Buttons */
.btn-primary,
.register-btn,
.vorik-btn-primary {
    background: linear-gradient(135deg, var(--vorik-primary), var(--vorik-accent)) !important;
    color: #fff !important;
    border: none !important;
}

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

a:hover {
    color: var(--vorik-accent);
}

/* Cards / surfaces */
.register-card,
.vorik-vehicle-card,
.footer-app-card {
    border-color: var(--vorik-border);
}

/* Badges */
/* .register-badge,
.topbar-chip,
.drawer-chip {
    background: var(--vorik-light);
    color: var(--vorik-primary);
} */

/* Forms */
input:focus,
select:focus,
textarea:focus {
    border-color: var(--vorik-accent) !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, .16) !important;
}

/* Support launcher */
#mboatekSupportButton,
#vorikSupportButton {
    background: linear-gradient(135deg, var(--vorik-primary), var(--vorik-accent)) !important;
}

/* Register / Login legacy green override */
:root {
    --green: var(--vorik-primary);
    --green-dark: var(--vorik-primary-dark);
}

.register-left,
.login-left {
    background: linear-gradient(135deg, var(--vorik-primary-dark), var(--vorik-primary)) !important;
}

.register-logo-mark,
.login-logo-mark,
.brand-icon,
.logo-mark {
    background: linear-gradient(135deg, var(--vorik-primary), var(--vorik-accent)) !important;
    color: #fff !important;
}

.register-logo-mark i,
.login-logo-mark i,
.brand-icon i,
.logo-mark i {
    color: #fff !important;
}

.role-option input:checked + .role-box,
.role-box:hover {
    border-color: var(--vorik-accent) !important;
    box-shadow: 0 0 0 3px rgba(6,182,212,.16) !important;
}

.role-option input:checked + .role-box i {
    color: var(--vorik-accent) !important;
}

.password-toggle,
.register-footer a,
.login-footer a {
    color: var(--vorik-primary) !important;
}

.password-toggle:hover,
.register-footer a:hover,
.login-footer a:hover {
    color: var(--vorik-accent) !important;
}