/* WHISE AREA — Custom branding */

/* Couleurs WHISE Brand Guidelines */
:root {
    --whise-purple: #9E226B;
    --whise-pink: #DC2550;
    --whise-red: #F94836;
    --whise-orange: #FD7537;
    --whise-yellow: #FF9B3A;
    --whise-cyan: #17BDD5;
    --whise-navy: #0E3A65;
    --whise-black: #0C1317;
    --whise-gray: #C9CBCB;
}

/* Header gradient WHISE */
header {
    background: linear-gradient(135deg, var(--whise-navy), var(--whise-purple), var(--whise-pink)) !important;
}

/* Bouton d'envoi avec gradient WHISE */
button[type="submit"],
.cl-send-button {
    background: linear-gradient(135deg, var(--whise-purple), var(--whise-pink)) !important;
}

button[type="submit"]:hover,
.cl-send-button:hover {
    background: linear-gradient(135deg, var(--whise-pink), var(--whise-red)) !important;
}

/* Page de login */
.cl-login-form button,
form button[type="submit"] {
    background: linear-gradient(135deg, var(--whise-purple), var(--whise-pink)) !important;
    border: none !important;
}

/* Liens et accents */
a {
    color: var(--whise-purple) !important;
}

/* Steps (tool calls) */
.cl-step-tool {
    border-left-color: var(--whise-cyan) !important;
}

/* Scrollbar personnalisée */
::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--whise-purple), var(--whise-pink)) !important;
}