:root {

  --sp-background-color: #FFFFFF;

  --sp-sidebar-background: linear-gradient(200deg, #00163B 0%, #2F80ED 100%);
  --sp-sidebar-text-color: #FFFFFF;

  --sp-card-header-color: linear-gradient(90deg, #2563eb, #7c3aed);;
  --sp-card-header-text-color: #FFFFFF;

  --sp-card-color: #FFFFFF;
  --sp-card-text-color: #000;
  --sp-card-text-muted-color: rgba(0, 0, 0, 0.3);
  --sp-card-link-color: #266cca;

  --sp-drawer-color: #EBF3FD;

  --sp-modal-title-color: linear-gradient(200deg, #0E366C 0%, #2F80ED 100%);
  --sp-modal-title-text-color: #FFFFFF;

  --sp-modal-color: #FFFFFF;
  --sp-modal-text-color: #000000;

  --sp-primary-color: #155BBB;
  --sp-primary-text-color: #FFFFFF;
  --sp-primary-hover-color: #EBF3FD;
  --sp-primary-hover-text-color: #155BBB;

  --sp-primary-light-color: #ffff;
  --sp-primary-light-text-color: #266cca;
  --sp-primary-light-hover-color: #266cca;
  --sp-primary-light-hover-text-color: #EBF3FD;

  --sp-secondary-color: #00163B;
  --sp-secondary-text-color: #FFFFFF;

  --sp-action-btn-color: #155BBB;
  --sp-action-btn-text-color: #FFFFFF;

  --sp-light-gray: rgba(0, 0, 0, 0.3);
  --sp-danger-text-color: #f46a6a;

  --sp-white-color: #FFFFFF;
  --sp-off-grey: #727272;

  --sp-text-black: #000;

  --sp-topbar-color: #FFFFFF;
  --sp-topbar-text-color: #000;
  --sp-topbar-divider-color: var(--sp-light-gray);

  --sp-coach-profile-background: #fff;
  --sp-coach-profile-heading-text-color: var(--sp-card-header-color);
  --sp-coach-profile-button-bg-color: var(--sp-primary-light-color);
  --sp-coach-profile-button-text-color: var(--sp-primary-color);

  --sp-progress-past-bg: #e0e0e0;
  --sp-progress-past-border: #d6d6d6;
  --sp-progress-past-text: #6c757d;

  --sp-progress-current-bg: #f0f4ff;
  --sp-progress-current-border: #6C63FF;
  --sp-progress-current-text: #111827;

  --sp-progress-future-bg: #ffffff;
  --sp-progress-future-border: #b0b0b0;
  --sp-progress-future-text: #495057;

}