/* fqm-munipro.css */

:root {
    
    /**************/
    /* TOKENS FQM */
    /**************/

    /* Couleurs FQM */
    --fqm-jaune:#ADC836;
    --fqm-violet:#ADC836;
    --fqm-bleu-1:#1D4593;/* Marian blue */
    --fqm-bleu-2:#1275BB;
    --fqm-bleu-3:#1E9CD8;
    --fqm-vert:#ADC836;
    --fqm-orange:#F05A28;
    --fqm-gris1:#A3A5A7;
    --fqm-gris2:#58585B;
    /* Couleurs Munipro */
    --munipro-primary-900: var(--fqm-bleu-1);
    --munipro-primary-700: #2557BB;
    --munipro-primary-500: #5582DD;
    --munipro-primary-300: #BBCDF2;
    --munipro-primary-100: #EFF3FC;
    --munipro-secondary-900: var(--fqm-vert);
    --munipro-secondary-500: #CFDE8F;
    --munipro-secondary-100: #EAF0CF;
    --munipro-info-500:  var(--munipro-primary-100);
    
    /*******************/
    /* TOKENS MATERIAL */
    /*******************/

    /* Couleurs principales */
    --rz-primary: var(--munipro-primary-500);
    --rz-primary-light: var(--munipro-primary-300);
    --rz-primary-lighter: var(--munipro-primary-100);
    --rz-primary-dark: var(--munipro-primary-700);
    --rz-primary-darker: var(--munipro-primary-900); 
    /* couleurs secondaires */
    --rz-secondary: var(--munipro-secondary-900);
    --rz-secondary-light: var(--munipro-secondary-300);
    --rz-secondary-lighter: var(--munipro-secondary-100);
    --rz-secondary-dark: var(--munipro-secondary-900);
    --rz-secondary-darker: var(--munipro-secondary-900);
    --rz-on-secondary-lighter: #8bc34a;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    /* couleurs info */
    --rz-info: var(--munipro-info-500);
    --rz-on-info: var(--munipro-primary-900);
    --rz-on-info-lighter: var(--munipro-primary-500);
    --rz-on-info-light: #ffffff;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    /* couleurs on */
    --rz-on-success: #ffffff;
    --rz-on-success-lighter: #4caf50;
    --rz-on-success-light: #ffffff;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-lighter: #ff9800;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-lighter: #f44336;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;

    /* Couleurs app bar */
    --rz-sidebar-background-color: var(--rz-base-100);
    --rz-header-background-color: var(--rz-base-100);
    --rz-layout-body-background-color: var(--rz-white);
    --rz-header-color: var(--rz-on-base);
    --rz-sidebar-toggle-color: var(--rz-on-base);

    /* Couleurs textes */



    /* Cards */
    --rz-card-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Ombre par défaut (subtile) */
    --rz-card-shadow-hover: 0 4px 8px rgba(0, 0, 0, 0.15); /* Ombre au survol (plus marquée) */
    --rz-card-transform-hover: translateY(-2px); /* Déplacement vertical */
    --rz-card-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Courbe d'accélération fluide */
    --rz-card-border-hover: 1px solid rgba(var(--rz-primary-rgb), 0.2); /* Bordure légère colorée */
    
    /* Typographie */

    /* Appliquer la font à tout */

    /* Titres */

    /* Surface Radzen */


    /***************************/
    /* STYLES PERSONNALISATION */
    /***************************/

    /* Appliquer à tous les .rz-card sauf ceux dans un .Toolbox */
    :not(.Toolbox) .rz-card {
        border-radius: var(--rz-border-radius);
        background-color: var(--rz-surface);
        border: 1px solid var(--rz-border);
        box-shadow: var(--rz-card-shadow);
        transition: var(--rz-card-transition);
        overflow: hidden;
        backface-visibility: hidden;
    }

    /* Hover uniquement pour les .rz-card qui ne sont PAS dans un .Toolbox */
    :not(.Toolbox) .rz-card:hover {
        transform: var(--rz-card-transform-hover);
        box-shadow: var(--rz-card-shadow-hover);
        border: var(--rz-card-border-hover);
        pointer-events: auto;
    }

    /* FQM styles*/
    .fqm-degrade-background-primary{
        background: linear-gradient(270deg, var(--munipro-primary-700) 0%, var(--munipro-primary-900) 100%);
    }

    .rz-dark{
        background-color: var(--munipro-primary-900) !important;
    }

    .rz-body{
        border-radius: 16px 0 0 0 !important;
    }

    .rz-header a, .rz-header a:hover, .rz-header a:focus {
        color: var(--rz-on-base);
    }

}