:root {
    --text-color-primary: black;
    --text-color-primary-shaded:rgb(36, 36, 36);
    --background-sidebar: linear-gradient(0deg, rgba(145,141,144,1) 0%, rgba(92,91,94,0.4) 100%);
    
    
    --background-body: #ebebeb;

    --background-body_d1: rgb(var(--background-body_d1_rgb));
    --background-body_d1p1: rgb(65, 70, 83);

    --background-body_d2: rgb(var(--background-body_d2_rgb));
    --background-body_d3: rgb(var(--background-body_d3_rgb));

    --background-body_d1_rgb: 196, 220, 224;
    --background-body_d2_rgb: 128, 163, 162 ;
    --background-body_d3_rgb: 102, 130, 129;


    --themeAccentPrimary_d2_rgb: 171, 206, 207;
    --themeAccentSecondary_d2_rgb: 103, 96, 112;




    --background-input: rgba(247, 247, 247, 1);
    --background-body-hover: RGB(211,211,211);
    --background-fileUploadQeueContainer: rgba(145,141,144,1);
    --background-fileUploadQeueContainer-drag: linear-gradient(0deg, rgba(145,141,144,1) 0%, rgba(92,91,94,0.4) 100%);
    --background-header: rgba(247, 247, 247, 1);
    --card-shadow: 0 2px 4px rgba(0,0,0,0.5), 0 2px 4px rgba(0,0,0,0.5);
    --card-shadow-hover: 0 6px 14px rgba(0, 0, 0, 0.8), 0 8px 18px rgba(0,0, 0, 0.9);
    --card-background: rgba(247, 247, 247, 1);
    /*contex menu*/
    --menu-border: rgba(255, 255, 255, 0.08);
    --menu-bg: linear-gradient( 45deg, rgba(10, 20, 28, 0.2) 0%, rgba(10, 20, 28, 0.7) 200% );
    --item-border: rgba(255, 255, 255, 0.1);
    --item-color: #fff;
    --item-bg-hover: rgba(255, 255, 255, 0.1);
    /*contex menu*/
}



/* cloud drtive */

.cardCaptionContainer {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255, 0.7) 60%, rgba(255,255,255,0) 100%);
}

/* cloud drive */