:root {
    /* colors */

    --primary-color: #7c001f;
    --primary-text-color: #f0f0f0;
    --secondary-text-color: #b9b9ba;
    --border-color: #505052;
    --background-color: #22262a;
    --activeTab-light-color: #fff;
    --nav-text-color: #4f5466;
    --dashboard-cards-title-color: #4f5466;
    --main-nav-text-color: #776942;
    --active-main-nav-bg-color: #212529;
    --background-color: #151515;
    --activeTab-color: #a6945f;
    --activeTab-background-color: #525252;
    --search-btn-text-color: #000000;
    --normal-btn-color: #151515;
    --card-background-color: #212529;
    --card-background-color-light: #ffffff;
    --secondary-btn-border-color: #383838;
    --secondary-text-light-color: #383838;
    --selected-swimmer-border-color: #777777;
    --date-color: #707070;
    --secondary-btn-bg-color: #f7f8f9;
    --black: #000000;
    --background-modal-swimmer-profile: #2a2e31;
    --white: #ffffff;
    --golden: #7c001f;

    /* font sizes */
    --main-heading-size: 1.5rem;
    --primary-btn-text-size: 0.875rem;
    --fggh: 14px;

    /*  Font weights  */

    --normal: 400;
    --med: 500;
    --semi: 600;
    --bold: 700;
}