:root {
  color-scheme: light;

  --vildnis-background: #ffffff;
  --vildnis-background-secondary: #f7f7f7;
  --vildnis-surface: #ffffff;
  --vildnis-text-primary: #000000;
  --vildnis-text-secondary: rgba(0, 0, 0, 0.51);
  --vildnis-text-link: #4181d7;
  --vildnis-brand-primary: #5c9924;
  --vildnis-brand-primary-rgb: 92, 153, 36;
  --vildnis-button-secondary-background: rgba(0, 0, 0, 0.08);
  --vildnis-button-secondary-text: #000000;
  --vildnis-button-secondary-rgb: 0, 0, 0;
  --vildnis-icon-color: rgba(0, 0, 0, 0.8);
  --vildnis-warning: #ffb300;
  --vildnis-warning-rgb: 255, 179, 0;
  --vildnis-warning-text: #000000;
  --vildnis-error: #d50000;
  --vildnis-error-rgb: 213, 0, 0;
  --vildnis-error-text: #ffffff;
  --vildnis-favorite: #e53935;
  --vildnis-divider: rgba(0, 0, 0, 0.12);
  --vildnis-disabled: rgba(0, 0, 0, 0.38);
  --vildnis-disabled-solid: #9e9e9e;
  --vildnis-overlay: rgba(0, 0, 0, 0.5);
  --vildnis-success: #4caf50;
  --vildnis-success-rgb: 76, 175, 80;
  --vildnis-success-text: #ffffff;
  --confidence-positive-text: #5c9924;
  --confidence-positive-rgb: var(--vildnis-success-rgb);
  --confidence-neutral-text: var(--vildnis-text-secondary);
  --confidence-neutral-rgb: var(--vildnis-button-secondary-rgb);
  --confidence-warning-text: #ffb300;
  --confidence-warning-rgb: var(--vildnis-warning-rgb);
  --confidence-negative-text: #d50000;
  --confidence-negative-rgb: var(--vildnis-error-rgb);
  --confidence-unknown-text: var(--vildnis-text-secondary);
  --confidence-unknown-rgb: var(--vildnis-button-secondary-rgb);

  --mdb-primary: var(--vildnis-brand-primary);
  --mdb-primary-rgb: var(--vildnis-brand-primary-rgb);
  --mdb-primary-text-emphasis: #315714;
  --mdb-primary-bg-subtle: #eef5e9;
  --mdb-primary-border-subtle: #c9dfb8;
  --mdb-link-color: var(--vildnis-text-link);
  --mdb-link-color-rgb: 65, 129, 215;
  --mdb-body-bg: var(--vildnis-background);
  --mdb-body-bg-rgb: 255, 255, 255;
  --mdb-body-color: var(--vildnis-text-primary);
  --mdb-body-color-rgb: 0, 0, 0;
  --mdb-secondary: var(--vildnis-button-secondary-background);
  --mdb-secondary-rgb: var(--vildnis-button-secondary-rgb);
  --mdb-success: var(--vildnis-success);
  --mdb-success-rgb: var(--vildnis-success-rgb);
  --mdb-danger: var(--vildnis-error);
  --mdb-danger-rgb: var(--vildnis-error-rgb);
  --mdb-warning: var(--vildnis-warning);
  --mdb-warning-rgb: var(--vildnis-warning-rgb);
  --mdb-divider-color: var(--vildnis-divider);
  --mdb-emphasis-color: var(--vildnis-text-primary);
  --mdb-secondary-color: var(--vildnis-text-secondary);
  --mdb-tertiary-bg: var(--vildnis-background-secondary);
  --mdb-surface-bg: var(--vildnis-surface);

  --mdb-modal-header-border-width: 1px;
}


.bg-vildnis-primary { background-color: var(--vildnis-brand-primary) !important; }
.bg-vildnis-secondary { background-color: var(--vildnis-background-secondary) !important; }
.bg-vildnis-surface { background-color: var(--vildnis-surface) !important; }
.text-vildnis-primary { color: var(--vildnis-text-primary) !important; }
.text-vildnis-secondary { color: var(--vildnis-text-secondary) !important; }
.text-vildnis-link { color: var(--vildnis-text-link) !important; }
.text-vildnis-icon { color: var(--vildnis-icon-color) !important; }
.border-vildnis-divider { border-color: var(--vildnis-divider) !important; }

.confidence-chip {
  border: 1px solid currentColor;
  border-radius: 999px;
  background-color: rgba(var(--confidence-chip-rgb), 0.18);
  color: var(--confidence-chip-color);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 0.35rem 0.65rem;
  white-space: nowrap;
}

.confidence-chip-success {
  --confidence-chip-rgb: var(--confidence-positive-rgb);
  --confidence-chip-color: var(--confidence-positive-text);
}

.confidence-chip-primary {
  --confidence-chip-rgb: var(--confidence-positive-rgb);
  --confidence-chip-color: var(--confidence-positive-text);
}

.confidence-chip-warning {
  --confidence-chip-rgb: var(--confidence-warning-rgb);
  --confidence-chip-color: var(--confidence-warning-text);
}

.confidence-chip-danger {
  --confidence-chip-rgb: var(--confidence-negative-rgb);
  --confidence-chip-color: var(--confidence-negative-text);
}

.confidence-chip-secondary {
  --confidence-chip-rgb: var(--confidence-unknown-rgb);
  --confidence-chip-color: var(--confidence-unknown-text);
}

.confidence-signal-row {
  align-items:center;
  display: flex;
  gap: 0.65rem;
}

.confidence-tone-positive {
  --vi-marker-rgb: var(--confidence-positive-rgb);
  color: var(--confidence-positive-text);
}

.confidence-tone-neutral {
  --vi-marker-rgb: var(--confidence-neutral-rgb);
  color: var(--confidence-neutral-text);
}

.confidence-tone-warning {
  --vi-marker-rgb: var(--confidence-warning-rgb);
  color: var(--confidence-warning-text);
}

.confidence-tone-negative {
  --vi-marker-rgb: var(--confidence-negative-rgb);
  color: var(--confidence-negative-text);
}

.confidence-tone-unknown {
  --vi-marker-rgb: var(--confidence-unknown-rgb);
  color: var(--confidence-unknown-text);
}