:root {
    --white: #FFF;
    --black: #000;
    --black-100: #333;
    
    --body-bg-color: #FFF8F4;
    
    --div-bg-color-primary: #4C5961;
    --div-bg-color-secondary: #D9D9D9;

    --color-primary: #F26722;
    --color-light-primary: #FFE7D3;
    --color-secondary: #697078;

    --table-header: #FFF3E9;

    --border-primary: #FDCFA9;

    --link-color-yellow: #FDBA13;
    --link-color-yellow-hover: #CA950F;
    --link-color-orange: #F16621;
    --link-color-orange-hover: #C1521A;
    --link-color-green: #98C93C;
    --link-color-green-hover: #7AA130;
    --link-color-purple: #994696;
    --link-color-purple-hover: #7A3878;
    --link-color-light-blue: #01B9C3;
    --link-color-light-blue-hover: #01949C;
    --link-color-dark-blue: #2D67B1;
    --link-color-dark-blue-hover: #24528E;

    --bg-active-color: #BFC4CF;
}