:root.theme-dark {
  --gradient:
    repeating-linear-gradient(to right, #000 0 2px, transparent 2px 4px),
    repeating-linear-gradient(#000 0 2px, transparent 2px 4px),
    linear-gradient(#007f0c 0%, #004306 100%);
  --color-text: #00CC14;
  --background: #000;
  --strip: #00cc14;
  --font-weight-card-name: 'wght' 785;
  --font-weight-card-text: 'wght' 465;
}

@media (prefers-color-scheme: dark) {
  :root.theme-auto {
    --gradient:
      repeating-linear-gradient(to right, #000 0 2px, transparent 2px 4px),
      repeating-linear-gradient(#000 0 2px, transparent 2px 4px),
      linear-gradient(#007f0c 0%, #004306 100%);
    --color-text: #00CC14;
    --background: #000;
    --strip: #00cc14;
    --font-weight-card-name: 'wght' 785;
    --font-weight-card-text: 'wght' 465;
  }
}

@media (prefers-color-scheme: light) {
  :root.theme-auto {
  --font-weight-card-name: 'wght' 700;
  --font-weight-card-text: 'wght' 400;
  --strip: #FFF;
  --color-text: #000;
  --background: #FFF;

  --gradient:
    repeating-linear-gradient(to right, #d3d3d3 0 2px, transparent 2px 4px),
    repeating-linear-gradient(#d3d3d3 0 2px, transparent 2px 4px),
    linear-gradient(#e7e7e7 0.01%, #1a1a1a 100%);
  }
}