:root { 
  --primary-color:#287a69; /* background for btn-primary */ 
  --primary-contrast-color:#fff; /* color for text of btn-primary */

  --bs-primary:var(--primary-color); 
  --bs-primary-rgb:40, 122, 105;

  --secondary-color: #6c757d;  
  --success-color: #28a745;  
  --info-color: #17a2b8; 
  --warning-color: #ffc107; 
  --danger-color: #dc3545;
  --light-color: #f8f9fa; 
  --dark-color: #343a40;

  --primary-bg: var(--primary-color); 
  --primary-text:var(--primary-contrast-color);
  --primary-hover-bg:#388a79;
  --primary-hover-text:var(--primary-contrast-color); 
  --primary-active-bg:var(--primary-hover-bg); 
  --primary-active-text:var(--primary-contrast-color);

  --input-focus-color:var(--primary-color); 
} 

.svg-primary-color{fill:var(--primary-color);}

.form-control:focus {  
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);
  border:1px solid rgba(var(--bs-primary-rgb), 0.6);
}

.nav-link:focus, .nav-link:hover {
  color: var(--primary-color);
}

.btn-primary {
  --bs-btn-color: var(--primary-text);
  --bs-btn-bg: var(--primary-bg);
  --bs-btn-border-color: var(--primary-bg);
  --bs-btn-hover-color: var(--primary-hover-text);
  --bs-btn-hover-bg: var(--primary-hover-bg);
  --bs-btn-hover-border-color: var(--primary-hover-bg);
  --bs-btn-active-color: var(--primary-active-text);
  --bs-btn-active-bg: var(--primary-active-bg);
  --bs-btn-active-border-color: var(--primary-active-bg);
}

.btn-outline-primary {
  --bs-btn-color: var(--primary-bg);
  --bs-btn-bg: var(--primary-text);
  --bs-btn-border-color: var(--primary-bg);
  --bs-btn-hover-color: var(--primary-hover-text);
  --bs-btn-hover-bg: var(--primary-hover-bg);
  --bs-btn-hover-border-color: var(--primary-hover-bg);
  --bs-btn-active-color: var(--primary-active-text);
  --bs-btn-active-bg: var(--primary-active-bg);
  --bs-btn-active-border-color: var(--primary-active-bg);
}

.pagination {
  --bs-pagination-color: var(--primary-color);
  --bs-pagination-hover-color: var(--primary-color);
  --bs-pagination-active-color: var(--primary-active-text);
  --bs-pagination-active-bg: var(--primary-bg);
  --bs-pagination-active-border-color: var(--primary-bg);
  --bs-pagination-focus-color: var(--primary-color);
  --bs-pagination-focus-border-color: var(--primary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);
}

.primary-color, .color-primary{color:var(--primary-bg) !important;}

footer, footer .nav-link{color:var(--primary-contrast-color);}