:root {
  /* colors */

  --primary-color: #289F35;
  --primary-color-dark: #23722c;
  --primary-text-color: #f0f0f0;
  --secondary-text-color: #b9b9ba;
  --border-color: #505052;
  --background-color: #22262a;
  --activeTab-light-color: #2e2e2e;
  --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: #e8cd66;

  /* 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;
}