/*
 * Legacy: det klassiske utseendet, og standard for alle (Innstillinger → Design). Lastes etter
 * default.css og sidenes egne stiler, og setter fargene tilbake til de klassiske. Mørk og lys modus
 * er valgfrie.
 * Feilrettingene (luft rundt logoen på mobil, én desimal i prosentene) gjelder også her.
 */
:root.design-legacy {
  --cookie-card: #343a40;
  --cookie-hover: #3e464c;
  --cookie-inner: #2b3035;
  --cookie-input: #535c66;
  --cookie-input-border: #92a3b2;
  --cookie-progress: #e9ecef;
  --cookie-text: #ebebeb;
  --cookie-text-strong: #f8f9fa;
  --cookie-button: #ffc107;
  --cookie-button-hover: #e0a800;
}

/* Knappene som i Bootstrap: gule, og en avslått knapp er bare litt blekere */
.design-legacy .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.design-legacy .btn-warning:hover,
.design-legacy .btn-warning:focus,
.design-legacy .btn-warning.focus,
.design-legacy .btn-warning:not(:disabled):not(.disabled):active,
.design-legacy .btn-warning:not(:disabled):not(.disabled).active {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.design-legacy .btn-warning:focus,
.design-legacy .btn-warning.focus,
.design-legacy .btn-outline-warning:focus,
.design-legacy .btn-outline-warning.focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
}
.design-legacy .btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.design-legacy .btn-outline-warning:hover,
.design-legacy .btn-outline-warning:not(:disabled):not(.disabled):active {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.design-legacy .btn-warning.disabled,
.design-legacy .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
  opacity: .65;
}
.design-legacy .btn-outline-warning.disabled,
.design-legacy .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
  border-color: #ffc107;
  opacity: .65;
}

/* Fremdriftslinjene er lyse, så teksten over dem er mørk som før */
.design-legacy .progress > span.text-dark {
  color: #343a40 !important;
  text-shadow: none;
}