/* ========================================
   BUNQR - Variables de la charte graphique
   ======================================== */

:root {
    /* Couleurs principales */
    --bunqr-ocre: #D19B50;
    --bunqr-vert: #D6DEDD;
    --bunqr-sable: #F5EFE6;
    --bunqr-bleu-brume: #A7C4CF;
    --bunqr-corail: #FFB59C;
    --bunqr-danger: #b02a37;

    /* Couleurs des rôles (point indicateur / chip bg / chip texte) */
    --bunqr-role-owner:                  #007bff;
    --bunqr-role-owner-bg:               #dbeafe;
    --bunqr-role-owner-text:             #1e40af;

    --bunqr-role-hrassistant:            var(--bunqr-ocre);
    --bunqr-role-hrassistant-bg:         var(--bunqr-sable);
    --bunqr-role-hrassistant-text:       #7a5c2e;

    --bunqr-role-manager:                var(--bunqr-corail);
    --bunqr-role-manager-bg:             #FFE8DF;
    --bunqr-role-manager-text:           #8B4A33;

    --bunqr-role-employee:               var(--bunqr-bleu-brume);
    --bunqr-role-employee-bg:            #E6EFF2;
    --bunqr-role-employee-text:          #3a5f6b;

    --bunqr-role-organizationadmin:      #8E44AD;
    --bunqr-role-organizationadmin-bg:   #F3E8F9;
    --bunqr-role-organizationadmin-text: #5b2d8a;

    --bunqr-role-consultant:             #FF6A00;
    --bunqr-role-consultant-bg:          #FFE8D6;
    --bunqr-role-consultant-text:        #8B3800;

    /* Couleurs de base */
    --bunqr-blanc: #FFFFFF;
    --bunqr-fond: #FDFDFE;
    --bunqr-noir: #171717;

    /* Typographie */
    --bunqr-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --bunqr-font-size-base: 14px;
    --bunqr-font-size-sm: 12px;
    --bunqr-font-size-lg: 16px;

    /* Espacements */
    --bunqr-spacing-xs: 4px;
    --bunqr-spacing-sm: 8px;
    --bunqr-spacing-md: 16px;
    --bunqr-spacing-lg: 24px;
    --bunqr-spacing-xl: 32px;

    /* Bordures */
    --bunqr-border: darkgrey;
    --bunqr-border-radius: 8px;
    --bunqr-border-radius-sm: 4px;
    --bunqr-border-radius-lg: 12px;

    /* Ombres */
    --bunqr-shadow-sm: 0 1px 3px rgba(23, 23, 23, 0.1);
    --bunqr-shadow-md: 0 4px 6px rgba(23, 23, 23, 0.1);
    --bunqr-shadow-lg: 0 10px 15px rgba(23, 23, 23, 0.1);
}