.theme-wildflower {
  --accent-first-fg        : #80ff00;
  --accent-second-fg       : #ffff00;
  --main-bg                : #161412;
  --main-fg                : #ffffff;
  --header-bg              : #1c1a17;
  --header-sh              : #000000;
  --tile-separator-fg      : #1c1a17;
  --tile-separator-text-fg : #464039;
  --tile-bg                : #11100e;
  --tile-bgh               : #0b0a09;
  --tile-error-fg          : #ff4000;
  --tile-error-bg          : #0b0a09;
  --tile-control-bgh       : #22201c;
  --tile-control-fg        : #8c8073;
  --tile-article-link-fg   : #c0ff00;
  --tile-article-list-fg   : #8c8073;
  --tile-article-table-fg  : #464039;
  --tile-fullscreen        : #0b0a09;
  --form-bg                : #1c1a17;
  --form-fg                : #608000;
  --form-text-fg           : #c0ff00;
  --scrollbar-fg           : #608000;
  --shadow-size            : 1em;
  --transition-duration    : .4s;
  --theme-type             : dark;
}

:focus-visible {
  outline-color : var(--accent-second-fg);
}

body {
  color            : var(--main-fg);
  background-color : var(--main-bg);
}

header {
  background-color : var(--header-bg);
  box-shadow       : 0 0 var(--shadow-size) var(--header-sh);
}

a {
  color : var(--tile-article-link-fg);
}

#header-text {
  border-left-color : var(--accent-first-fg);
}

.header-first {
  color : var(--accent-first-fg);
}

.header-second {
  color : var(--accent-second-fg);
}

.tile-separator {
  color : var(--tile-separator-text-fg);
}

.tile-separator-line {
  border-top-color : var(--tile-separator-fg);
}

.tile-navigate, .tile-music, .tile-picture, .tile-video {
  background-color : var(--tile-bg);
}

.tile-navigate {
  color      : var(--main-fg);
  transition : scale var(--transition-duration), background-color var(--transition-duration);
}

.tile-navigate:hover {
  background-color : var(--tile-bgh);
}

.tile-error {
  color : var(--tile-error-fg);
}

.tile-error-dump {
  background-color : var(--tile-error-bg);
}

.tile-section-name, .tile-control, .tile-control-button {
  color : var(--tile-control-fg);
}

.tile-control-button {
  transition : color var(--transition-duration), background-color var(--transition-duration);
}

.tile-control-button:hover {
  color            : var(--main-fg);
  background-color : var(--tile-control-bgh);
}

.tile-article-content table thead th, .tile-article-content table tbody td {
  border-color : var(--tile-article-table-fg);
}

.tile-fullscreen {
  background-color : var(--tile-fullscreen);
}

.tile-cover, .tile-article-cover, .tile-error-cover, #header-logo, .tile-music-cover {
  background : no-repeat center / cover;
}

.tile-music-file, .tile-video {
  color-scheme : var(--theme-type);
}

.tile-article-content ul li ul {
  list-style-type : "\25A2";
}

.tile-article-content ul {
  list-style-type : "\25A3";
}

.tile-article-content ul li::marker {
  color : var(--tile-article-list-fg);
}

.tile-navigate, .tile-picture, .tile-button, .tile-control-button, select {
  cursor : pointer;
}

main {
  scroll-behavior : smooth;
  scrollbar-width : thin;
  scrollbar-color : var(--scrollbar-fg) transparent;
}

main::-webkit-scrollbar {
  width  : .3em;
  height : .3em;
}

main::-webkit-scrollbar-track {
  background-color : transparent;
}

main::-webkit-scrollbar-thumb {
  background-color : var(--scrollbar-fg);
}

select {
  color            : var(--form-bg);
  border-color     : var(--form-fg);
  background-color : var(--form-text-fg);
}

select, .tile-button {
  color            : var(--form-text-fg);
  border-color     : var(--form-fg);
  background-color : var(--form-bg);
  box-shadow       : 0 0 var(--shadow-size) var(--form-fg);
  transition       : color var(--transition-duration), border-color var(--transition-duration), width var(--transition-duration), background-color var(--transition-duration);
}

.tile-button:hover {
  color            : var(--form-bg);
  border-color     : var(--form-text-fg);
  background-color : var(--form-text-fg);
}