/* Global baggrund og tekst */
body.dark-mode {
  background-color: #383838;
  color: #eee;
}

/* Header */
body.dark-mode header {
  background-color: #383838;
  color: #fff;
}

/* footer */
body.dark-mode footer {
  background-color: #383838;
  color: #fff;
}

/* Info bokse / footer elementer */
body.dark-mode .info-box {
  background-color: #333;
  color: #fff;
}

body.dark-mode .info-box strong {
  background: none !important;
  color: #eee;
}
body.dark-mode .info-box span {
  background-color: #333;
  color: #ccc;
}

/* CPU status farver */
body.dark-mode .cpu-low {
  background-color: #294033 !important;
  color: #7ed6a4 !important;
}

body.dark-mode .cpu-medium {
  background-color: #4a4322 !important;
  color: #ffda74 !important;
}

body.dark-mode .cpu-high {
  background-color: #502a2a !important;
  color: #ff8c8c !important;
}

body.dark-mode .guide-container {
  background-color: #1e1e1e;
  color: #eee;
}

body.dark-mode .guide-container {
  background: #1e1e1e;
  color: #ddd;
}

/* Forbedret mørk kodevisning */
body.dark-mode .guide-container pre {
  background-color: #1e1e2f;
  color: #ddd;
  border: none;
  border-radius: 6px;
  padding: 1em;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}

body.dark-mode .guide-container code {
  background: none;
  color: inherit;
  padding: 0;
}

/* Sørg for god kontrast på almindelig tekst */
body.dark-mode .guide-container p {
  color: #e0e0e0;
  background: none;
}

/* Overskrifter i mørk tilstand */
body.dark-mode .guide-container h1,
body.dark-mode .guide-container h2,
body.dark-mode .guide-container h3 {
  color: #ffffff;
}

body.dark-mode .guide-container a {
  color: #aa1a2d;
}

body.dark-mode .guide-container a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Gør kopiér-knappen tydelig men ikke skrigende */
body.dark-mode .copy-button {
  background-color: #2f2f2f;
  color: #ccc;
}

body.dark-mode .copy-button:active {
  transform: scale(0.97);
  box-shadow: 0 0 5px #999 inset;
}

body.dark-mode .copy-button:hover {
  background-color: #444;
  color: #fff;
}

body.dark-mode .news-box {
  background-color: #2b2b2b;
  border-left: 4px solid #666;
  color: #e0e0e0;
}

body.dark-mode .news-box h3 {
  color: #fff;
}

body.dark-mode .news-box .date {
  color: #aaa;
}

body.dark-mode .description {
  color: #ccc;
}

body.dark-mode .editor-wrapper {
  background-color: #1e1e1e;
  color: #201d1d;
}

body.dark-mode .preview-column {
  background: #1e1e1e;
  color: #e0e0e0;
}

/* Mørk tilstand */
body.dark-mode .venstre .boks,
body.dark-mode .midt .boks,
body.dark-mode .hoejre .boks {
  background-color: #2b2b2b;
  border-color: #424141;
  color: #eee;
}

/* Bokse */
body.dark-mode .boks,
body.dark-mode .info-box,
body.dark-mode .news-box,
body.dark-mode .guide-container {
  background-color: #2a2a2a;
  color: #e0e0e0;
}

body.dark-mode h2,
body.dark-mode h3,
body.dark-mode p,
body.dark-mode span,
body.dark-mode ol,
body.dark-mode i,
body.dark-mode li {
  color: #d8d6d6; /* Eller #ddd for lidt mindre kontrast */
}

body.dark-mode h1 {
  color: #c9bebe; /* Eller #ddd for lidt mindre kontrast */
}

body.dark-mode a {
  color: #80bfff;
}

body.dark-mode a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Selve nyheds-items */
body.dark-mode .news-item {
  background-color: #3a3a3a;
  color: #e0e0e0;
  padding: 10px;
  border-radius: 6px;
}

/* Indre boks Guide-liste */
body.dark-mode .sub-boks {
  background-color: #3a3a3a;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 10px;
}

body.darkmode .preview-column {
  background: #1e1e1e;
  color: #e0e0e0;
}