/* CSS VARIABLES */

:root {
    --main-color: #90b324;
    --main-hover-color: color-mix(in srgb, var(--main-color), #000 20%);
}

/* Bootstrap customizations */

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

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--main-color);
  --bs-btn-border-color: var(--main-color);
  --bs-btn-hover-bg: var(--main-hover-color);
  --bs-btn-hover-border-color: var(--main-hover-color);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--main-color);
    --bs-btn-active-border-color:   var(--main-color);
}

/* GENERAL */

body {
    background-color: #f8f9fa;
}

/* FORMS */

.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}