html:root {
  --bs-blue:    #0d6efd;
  --bs-indigo:  #6610f2;
  --bs-purple:  #6f42c1;
  --bs-pink:    #d63384;
  --bs-red:     #dc3545;
  --bs-orange:  #fd7e14;
  --bs-yellow:  #ffc107;
  --bs-green:   var(--groen);
  --bs-teal:    #20c997;
  --bs-cyan:    #0dcaf0;

  --bs-black:   #000;
  --bs-white:   var(--achtergrondkleur);;
  --bs-gray:    #6c757d;
  --bs-gray-dark: #343a40;

  /* Extra grijstinten */
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  /* Theme aliases (handig voor knoppen, alerts, etc.) */
  --bs-primary:   var(--bs-blue);
  --bs-secondary: var(--bs-gray-600);
  --bs-success:   var(--bs-green);
  --bs-info:      var(--bs-cyan);
  --bs-warning:   var(--bs-yellow);
  --bs-danger:    var(--bs-red);
  --bs-light:     var(--bs-gray-100);
  --bs-dark:      var(--bs-gray-900);
}


html:root 
	{
  /*--frmKalGroen: #8adf8a;;
  --frmKalRood: #ff9090;
  --frmKalBlauw: #8abbdf;
  --lichtgroen: #00990012;
  --groen: #009900;
  --hovergroen: #105710;
  --donkergroen: #114f11;
  --donkerdergroen: #114511;
  --fvbgroen: #009900;*/

/*  --bs-link-color:var(--groen);
  --bs-link-hover-color:var(--groen);
  --bs-primary-text-emphasis: var(--groen);
  --bs-body-bg: var(--achtergrondkleur);
  --bs-light: var(--achtergrondkleur);
  --bs-card-cap-color: var(--achtergrondkleur);
  --bs-success:var(--groen);
  --bs-body-color:var(--tekstkleur);
  --bs-btn-color: var(--achtergrondkleur);*/
	}
/* html .btn-success{
	--bs-btn-bg: var(--groen);
	--bs-btn-border-color: var(--groen);
	--bs-btn-hover-color: var(--achtergrondkleur);
	--bs-btn-hover-bg: var(--groen2);
	--bs-btn-hover-border-color: var(--groen3);
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: var(--achtergrondkleur);
	--bs-btn-active-bg: var(--groen3);
	--bs-btn-active-border-color: var(--groen4);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--achtergrondkleur);
	--bs-btn-disabled-bg: var(--groen);
	--bs-btn-disabled-border-color: var(--groen);
}

html .btn-outline-success {
    --bs-btn-color: var(--groen);
    --bs-btn-border-color: var(--groen);
    --bs-btn-hover-color: var(--achtergrondkleur);
    --bs-btn-hover-bg: var(--groen);
    --bs-btn-hover-border-color: var(--groen);
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: var(--achtergrondkleur);
    --bs-btn-active-bg: var(--groen);
    --bs-btn-active-border-color: var(--groen);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--groen);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--groen);
    --bs-gradient: none;
	}*/
	
/*.btn-primary{
	color: var(--achtergrondkleur);
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-info{
    color: var(--achtergrondkleur);
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-success{
	color:var(--achtergrondkleur);
	background-color:var(--groen);
	border-color:var(--groen);
}
.btn-outline-success{
	color:var(--groen);
	border-color:var(--groen);
}

.btn-success:hover{
	color:var(--achtergrondkleur);
	background-color:var(--hovergroen);
	border-color:var(--donkergroen);
}
.btn-outline-success:hover{
	background-color: var(--groen);
	border-color:var(--groen);
}

.btn-success:active{
	color:var(--achtergrondkleur);
	background-color:var(--donkergroen); 
	border-color:var(--donkerdergroen); 
}
.btn-outline-success:active{
	color:var(--groen); 
	border-color:var(--groen); 
}

.btn-success:focus-visible{
	color:var(--achtergrondkleur);
	background-color:var(--hovergroen); 
	border-color:var(--donkergroen);
}
.btn-outline-success:focus-visible{
	background-color:var(--groen);
	border-color:var(--groen);
}
a{
	color:var(--groen);
}*/