@font-face {
  font-family: 'Radion';
  src: url('/assets/fonts/radion.woff2') format('woff2');
}

@font-face {
  font-family: 'Radion Bold';
  src: url('/assets/fonts/radion-bold.woff2') format('woff2');
}
body {
  --ui-font-family: system-ui, sans-serif;
  --ui-font-family-headings: 'Radion Bold', sans-serif;
}
.font-bold.text-xl,
.font-bold.text-2xl,
.font-bold,text-3xl,
.font-bold.text-4xl,
.font-bold.text-5xl {
  font-family: 'Radion Bold', sans-serif;
  font-weight: 700;
}

/* Dark background variant for ui-form */
.ui-form.--dark-bg {
  --ui-input-border-color: rgba(148, 163, 184, 0.3);
  --ui-input-bg-color: transparent;
  --ui-input-text-color: #e2e8f0;
  --ui-checkbox-border-color: rgba(148, 163, 184, 0.4);
  --ui-checkbox-bg-color-checked: #16a34a;
  --ui-color-primary: #16a34a;
}

.ui-form.--dark-bg label {
  color: #e2e8f0;
}

.ui-form.--dark-bg input[type='checkbox']:not(.no-style) {
  background-color: rgba(255, 255, 255, 0.05);
}

.ui-form.--dark-bg input[type='checkbox']:not(.no-style):checked {
  border-color: #16a34a;
}