:root { --color-primary: #e57000; }
/* PVEday: match the look of pveday.be (dark, orange accent). */
:root {
  --pveday-bg: #0b0c0e;
  --pveday-panel: #15171b;
  --pveday-line: #2a2d33;
  --pveday-text: #f2f2f2;
  --pveday-muted: #9a9ea6;
  --pveday-orange: #e57000;
}
body, .main-container, #main-container {
  background: var(--pveday-bg) !important;
  color: var(--pveday-text) !important;
}
header.header, .header, #header {
  background: var(--pveday-bg) !important;
  border-bottom: 1px solid var(--pveday-line);
}
header.header a, .header a, #header a { color: var(--pveday-text) !important; }
h1, h2, h3, h4, legend { color: var(--pveday-text) !important; }
a { color: var(--pveday-orange); }
a:hover { color: #ff8a1f; }
.card, .panel, .well, .list-group-item, .alert, form, fieldset, table, .table, .submission-card {
  background: var(--pveday-panel) !important;
  color: var(--pveday-text) !important;
  border-color: var(--pveday-line) !important;
}
.table td, .table th, td, th { border-color: var(--pveday-line) !important; color: var(--pveday-text); }
input, select, textarea, .form-control, .select2-selection {
  background: #0f1115 !important;
  color: var(--pveday-text) !important;
  border: 1px solid var(--pveday-line) !important;
}
input::placeholder, textarea::placeholder { color: #6e737c !important; }
.btn-primary, .btn-info, .btn-success {
  background: var(--pveday-orange) !important;
  border-color: var(--pveday-orange) !important;
  color: #12140f !important;
  font-weight: 700;
}
.btn-primary:hover, .btn-info:hover, .btn-success:hover {
  background: #ff8a1f !important;
  border-color: #ff8a1f !important;
}
.btn-outline-primary, .btn-default, .btn-secondary {
  background: transparent !important;
  color: var(--pveday-text) !important;
  border: 1px solid var(--pveday-line) !important;
}
.btn-outline-primary:hover, .btn-default:hover, .btn-secondary:hover { border-color: var(--pveday-orange) !important; }
.text-muted, .help-block, small { color: var(--pveday-muted) !important; }
footer, .footer { background: var(--pveday-bg) !important; color: var(--pveday-muted) !important; border-top: 1px solid var(--pveday-line); }

/* Checkboxes en radios buiten de donkere input-stijl houden. Met een
   geforceerde donkere achtergrond is het vinkje onzichtbaar en lijkt het
   alsof je het vakje niet kan aanklikken. */
input[type="checkbox"], input[type="radio"] {
  background: #ffffff !important;
  accent-color: var(--pveday-orange);
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}
input[type="file"] { background: transparent !important; border: none !important; }