:root,
[data-bs-theme="light"] {

  --al-green: #4CAF4F;
  --al-green-600: #3D9140;
  --al-green-50: #E8F5E9;
  --al-slate: #263238;

  --al-50:  #ECEFF1;
  --al-100: #CFD8DC;
  --al-300: #90A4AE;
  --al-500: #607D8B;
  --al-700: #455A64;
  --al-900: #263238;

  --al-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
             "Liberation Mono", monospace;

  --al-radius-sm: 0.25rem;
  --al-radius-lg: 0.5rem;

  --al-shadow-sm: 0 1px 2px rgba(38, 50, 56, .08);
  --al-shadow:    0 2px 8px rgba(38, 50, 56, .10);
  --al-shadow-lg: 0 8px 24px rgba(38, 50, 56, .14);

  --bs-link-color: #4CAF4F;
  --bs-link-color-rgb: 76, 175, 79;
  --bs-link-hover-color: #3D9140;
  --bs-link-hover-color-rgb: 61, 145, 64;

  --bs-success: #4CAF4F;
  --bs-success-rgb: 76, 175, 79;
}

.al-tech {
  font-family: var(--al-mono);
  font-size: .9375em;
  color: var(--al-900);
  overflow-wrap: anywhere;
}

.al-num,
.table td.al-num,
.table th.al-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.tick ul li::before {
  background-color: var(--al-green) !important;
}

.text-gray,
.al-muted {
  color: var(--al-500) !important;
}

#cookie_notification {
  background-color: rgba(38, 50, 56, .92);
  border-radius: var(--al-radius-lg);
  box-shadow: var(--al-shadow-lg);
}
#cookie_notification button {
  background-color: var(--al-green);
  color: #fff;
  border: 0;
  border-radius: var(--al-radius-sm);
}

.module-disabled {
  opacity: .6;
  filter: grayscale(1);
}

:focus-visible {
  outline: 2px solid var(--al-green);
  outline-offset: 2px;
}