/* FGL Gestionale - application styles on top of Bootstrap 5.3. */

:root {
  --fgl-brand: #3d7a3a;
  --fgl-brand-dark: #2c5a2a;
  --bs-primary: var(--fgl-brand);
  --bs-primary-rgb: 61, 122, 58;
  --bs-link-color: var(--fgl-brand-dark);
  --bs-link-color-rgb: 44, 90, 42;
}

.bg-brand {
  background-color: var(--fgl-brand);
}

.btn-primary {
  --bs-btn-bg: var(--fgl-brand);
  --bs-btn-border-color: var(--fgl-brand);
  --bs-btn-hover-bg: var(--fgl-brand-dark);
  --bs-btn-hover-border-color: var(--fgl-brand-dark);
  --bs-btn-active-bg: var(--fgl-brand-dark);
  --bs-btn-active-border-color: var(--fgl-brand-dark);
  --bs-btn-disabled-bg: var(--fgl-brand);
  --bs-btn-disabled-border-color: var(--fgl-brand);
}

.errorlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.card-link:hover,
.kiosk-tile:hover {
  border-color: var(--fgl-brand);
  box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Shared tablets: large touch targets. */
.kiosk-tile {
  min-height: 7rem;
}

.pin-input {
  font-size: 2rem;
  letter-spacing: 0.75rem;
  text-align: center;
}