/*================================================================================

    Global Variables for VSS CSS

    ================================================================================*/
:root {
    /*================================================================================

    Radzen Colors

    ================================================================================*/
    --rz-primary: rgba(204, 85, 0, 0.9) !important;
    --rz-primary-ligter: red !important;
    /*================================================================================

    Colors

    ================================================================================*/
    --vss-color-1: #f5f5f5;
    --vss-color-2: #1E1E1E;
    --vss-color-3: #FFFF;
    --vss-color-4: #E0E0E0;
    --vss-color-5: #2A5681;
    --vss-color-6: #5A7A99;
    --vss-color-7: #83B4E1;
    --vss-color-8: #FAFBFD;
    --vss-color-9: #7b98b2;
    --vss-color-10: #2E8B57;
    --vss-color-11: #DAA520;
    --vss-color-12: #C03F3F;
    --vss-color-13: #8A4FFF;
    --vss-color-14: #009688;
    --vss-color-15: #FF7F50;
    --vss-color-16: #4FC3F7;
    --vss-color-17: #E91E63;
    --vss-color-18: #708090;
    --vss-color-19: #C9D1DA;
    --vss-color-20: #F0F8FF;
    --vss-color-21: #E5E7EB;
    --vss-color-22: #5ABA5A;
    --vss-color-23: #008000;
    --vss-color-24: #e8f5e8;
    --vss-color-25: #8D3757;
    /*================================================================================

    Text Colors

    ================================================================================*/
    --vss-tertiary-text-color: #7b98b2;
    --vss-quaternary-text-color: #2a5681;
    --vss-quinary-text-color: #5a7a99;
    /*
        INPUT TEXT color
    */
    --vss-inputtext-color: rgba(204, 85, 0, 0.9);
    /* Border colors*/
    --vss-primary-border-color: #2a5681;
    /*
        
        BUTTON hover color

    */
    --primary-button-hover-background-color: rgba(204, 85, 0, 0.9);
    --primary-button-hover-text-color: #FFF;
    /* 
        
        BUTTON ACTIVE Color

    */
    --vss-button-active-background-color: rgba(204, 85, 0, 0.6);
    /*Upload area color*/
    --vss-upload-area-color: #d7d7d7;
    /*

        Edit, Close and Trash ICON buttons

    */
    --vss-trash-primary-color: #ffebed;
    --vss-trash-secondary-color: #FF0000;
    --vss-trash-text-color: #d32f2f;
    --vss-edit-text-color: #008000;
    /*
        
        Switch Colors

    */
    --vss-switch-primary-color: rgba(204, 85, 0, 0.9);
    --vss-switch-secondary-color: #d7d7d7;
    --vss-switch-tertiary-color: rgba(204, 85, 0, 0.5);
    /*

        RADZEN GRID COLORS

    */
    --primary-grid-background-color: linear-gradient(#7b98b2, #2a5681);
    /*
        RADZEN TEXT/DROPDOWN Feilds
    */
    --vss-radzen-inputs-primary-color: rgba(204, 85, 0, 0.9);
    --vss-radzen-inputs-secondary-color: #d7d7d7;
    /* Light mode shadows KEEP*/
    --vss-shadow-panel: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

/*================================================================================

    Dark Mode Colors

 ================================================================================*/
html.dark-mode {
    --vss-color-1: #181A1C;
    --vss-color-2: #D0D0D0;
    --vss-color-3: #262A2E;
    --vss-color-4: #D0D0D0;
    --vss-color-5: #295B8E;
    --vss-color-10: #3EBF7F;
    --vss-color-11: #EAB94C;
    --vss-color-12: #F06565;
    --vss-color-13: #A275FF;
    --vss-color-14: #26D4B0;
    --vss-color-15: #FF9966;
    --vss-color-16: #64D5FF;
    --vss-color-17: #FF4F93;
    --vss-color-18: #9AA1AE;
    --vss-color-20: #2A3A4A;
    --vss-color-21: #24282B;
    --vss-color-24: #3A3F44;
    --vss-color-25: #B0446A;
}