:root {
    
    --main-background-color: #000f28;
    
    --main-font-color: #c2c6f5;
    --main-alt-font-color: white;
    
    --main-border-color: silver;
    
    --main-alt-color: #62053a;
    
    --spacemall-light-blue: #c2c6f5;
    --spacemall-dark-blue: #000f28;
    
    --main-background-color: linear-gradient(90deg, #c2c6f5, #000f28);
    
    --main-font-color: white;
    --main-alt-font-color: white;
    
    --main-border-color: gray;
    --main-button-border-color: silver;
    
    --main-alt-color: #a10662;
    
    --main-alt-table-font-color: white;
    --main-alt-table-background-color: silver;
    
    --main-dialog-background: linear-gradient(90deg, rgb(130, 132, 165), #000f28);
    

    --backend-border-color: gray;
    --backend-background: #e7e7e7;
    --backend-header-font-color: #404041;
    --backend-font-color: gray;
    --backend-container-color: white;

    --backend-button-color: white;
    --backend-button-background-color: #0000ff3f;
    --backend-button-border-color: #0000ff5f;
    --backend-button-hover-color: white;
    --backend-button-hover-background-color: #606c76;
    --backend-button-hover-border-color: #606c76;

    --backend-menubutton-border-color: var(--backend-border-color);

    --backend-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --backend-box-shadow-hover: 0 4px 8px 0 rgba(124, 112, 252, 1), 0 6px 20px 0 rgba(124, 112, 252, 0);

    --backend-paginator-color: white;
    --backend-paginator-text-color: gray;
    --backend-paginator-active-color: gray;
    --backend-paginator-active-text-color: white;

    --backend-counterbadge-background-color: #777;
    --backend-counterbadge-color: white;
    --backend-collapsible-button-background-color: #777;
    --backend-collapsible-button-color: white;

    --backend-alt-table-font-color: white;
    --backend-alt-table-background-color: silver;

    --backend-input-border-color: var(--backend-border-color);

    --table-header: white;
    --table-header-font: gray;
    
    --active-true-color: green;
    --active-false-color: red;
    
    --editor-edit-color: orange;
    --editor-delete-color: orange;
    --editor-delete-color-hover: red;

    --permission-true-color:rgb(230, 255, 220);
    --permission-false-color: rgb(250, 220, 130);
    
    --cart-background-color: rgba(161, 6, 98, 0.2);
    --cart-border-color: silver;
}

@font-face {
    font-family: "Poppins-Regular";
    src: url(/font/Poppins-Regular.ttf);
}