:root {
    --primary-color: #336699;
    --secondary-color: #6c757d;
    --primary-text-color: #ffffff;

    --primary-background-color: #101010;
    --primary-background-hover-color: #626060;


    --font-family-base: 'Arial, sans-serif';
    --font-size-base: 14px;
    --spacing-unit: 8px;

    --primary-button-color: #336699;
    --primary-button-active-color: #264d73; /* 20% darker */
    --primary-button-hover-color: #4080bf;

    --secondary-background-color: #FFFFFF;
    --secondary-background-hover-color: #937f7f;
    --secondary-text-color: #000000;

    --sub-header-background-color: #f9f9f9; 
    --link-color: #0d6efd; 


    --success-color: #008000; 
    --failure-color: #E13242; 
    --warning-color: #ffbc0de3; 
    --error-color: red; 
    
    --applied-filter-color : #dde1e3;
    font-size: var(--font-size-base);

    /* --primary-color: #56d29a;
    --secondary-color: #6c757d;
    --primary-text-color: #ffffff;

    --primary-background-color: #c62222;
    --primary-background-hover-color: rgb(239, 198, 198);

    --font-family-base: 'Arial, sans-serif';
    --font-size-base: 12px;
    --spacing-unit: 8px;

    --primary-button-color: #56d29a;
    --primary-button-hover-color: #587c6c;

    --secondary-background-color: #f99696;
    --secondary-background-hover-color: #e5c9c9;
    --secondary-text-color: #e56c6c;
    --sub-header-background-color: #e56c6c; */

}