:root {
    --color-primary: #cc0000;
    --color-primary-contrast: #FFFFFF;
    --color-blue: #20a8d8;
    --font-base: var(--font-family-sans-serif);
    --primary-color: #037BFE;
    --secondary-color: #6C757D;
    --success-color: #28A744;
    --danger-color: #DD3444;
    --warning-color: #FFC106;
    --info-color: #15A3B8;
    --light-color: #ccc;
    --dark-color: #24252F;
    --text-color: #E3E3E4;
    --control-bg: #44454E;
    --placeholder-color: #A6A6AA;
    --white-color: #fff;

    --navbar-height: 55px;

    --gray-free: #b6b8ba;
    --color-secondary: #3c3a39;
    --black-color: #000;

    --secondary-color: var(--color-secondary);
}