/* dark theme */


/* colors */

:root {
  --color-amaranth: #531448;
  --color-amethyst: #9966CB;
  --color-blackiris: #000000;
  --color-calla: #FFFFFF;
  --color-eggplant: #311432;
  --color-forgetmenot: #8DBDD8;
  --color-grape: #6F2DA8;
  --color-hibiscus: #B43757;
  --color-lavender: #E4A0F7;
  --color-lilac: #B65FCF;
  --color-mauve: #784B84;
  --color-periwinkle: #BE93D4;
  --color-purplesage: #75697e;
  --color-plum: #8D4585;
  --color-russianviolet: #3A025B;
  --color-sage: #A7BB91;
  --color-thistle: #D7BFDC;
}


body {
  background-color: var( --color-blackiris );
  color: var( --color-calla );
}


/* system messages */

div.messages {
  border: 2px solid var( --color-sage );
  color: var( --color-sage );
}
div.errors {
  border: 2px solid var( --color-hibiscus );
  color: var( --color-hibiscus );
}
div.debug {
  border: 2px solid var( --color-forgetmenot );
  color: var( --color-forgetmenot );
}


/* lists */

.directory_band {
  color: var( --color-forgetmenot );
}

.list_option {
  color: var( --color-sage );
}


/* links */

a {
  color: var( --color-lavender );
}

a.delete {
  color: var( --color-hibiscus );
}

a.button {
  color: var( --color-thistle );
  border: 1px solid var( --color-thistle );
  background-color: var( --color-russianviolet );
}

a.button:hover {
  color: var( --color-periwinkle );
  border: 1px solid var( --color-periwinkle );
}

a.button:active {
  color: var( --color-periwinkle );
  background-color: var( --color-eggplant );
  border: 1px solid var( --color-periwinkle );
}

a.depressed {
  color: var( --color-periwinkle );
  background-color: var( --color-eggplant );
  border: 1px solid var( --color-periwinkle );
}


/* forms */

div.form-label {
  color: var( --color-forgetmenot );
}

input, textarea {
  background-color: var( --color-blackiris );
  color: var( --color-periwinkle );
  border: 1px solid var( --color-mauve );
}

input[type=submit]:hover {
  background-color: var( --color-mauve );
}

select {
  background-color: var( --color-blackiris );
  color: var( --color-periwinkle );
  border: 1px solid var( --color-mauve );
}

::picker(select) {
  background-color: var( --color-blackiris );
  color: var( --color-periwinkle );
}

select:hover, select:focus {
  background-color: var( --color-thistle );
}

select::picker-icon {
  color: var( --color-cornflower );
}

option {
  background-color: var( --color-blackiris );
  color: var( --color-periwinkle );
}

option:checked {
  color: var( --color-blackiris );
  background-color: var( --color-thistle );
}

input[type="radio"]{
  border: 1px solid var( --color-mauve );
  background-color: var( --color-blackiris );
}

input[type="radio"]:checked{
  background-color: var( --color-mauve );
  border: 1px solid var( --color-mauve );
}

span.radiolabel {
  color: var( --color-sage );
}

input[type="checkbox"]{
  border: 1px solid var( --color-mauve );
  background-color: var( --color-blackiris );
}

input[type="checkbox"]:checked{
  background-color: var( --color-mauve );
  border: 1px solid var( --color-mauve );
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
  -webkit-text-fill-color: var( --color-periwinkle ) !important;
}

input.login {
  background-color: var( --color-blackiris );
}

input.delete {
  color: var( --color-hibiscus );
}

input[type=submit].delete:hover {
  color: var( --color-amaranth );
  background-color: var( --color-hibiscus );
}

.instructions {
  color: var( --color-periwinkle );
}


/* landing */

.logo {
  color: var( --color-thistle );
}

div.landingheader {
  border: 2px solid var( --color-thistle );
}

a.landingheaderlink {
  color: var( --color-thistle );
}

.box {
  border: 2px solid var( --color-grape );
}

div.landing {
  border: 2px solid var( --color-grape );
}

span.landing_title {
  color: var( --color-thistle );
}

.landing_date {
  color: var( --color-sage );
}

span.counts {
  color: var( --color-forgetmenot );
}

div.menu {
  border: 2px solid var( --color-grape );
}

a.menu {
  color: var( --color-sage );
}


/* tables */

div.table {
  color: var( --color-sage );
  border: 2px solid var( --color-grape );
}

th.listcell {
  color: var( --color-forgetmenot );
}

td.active {
  color: var( --color-sage );
}

td.inactive {
  color: var( --color-hibiscus );
}

td.deleted {
  color: var( --color-hibiscus );
}


/* songs */

span.pagetitle {
  color: var( --color-calla );
}

div.transposestep {
  border: 1px solid var( --color-thistle );
  color: var( --color-thistle );
  background-color: var( --color-russianviolet );
}

input.scrollslide {
  border: 1px solid var( --color-thistle );
  color: var( --color-thistle );
  background-color: var( --color-russianviolet );
}

.scrollslide::-webkit-slider-thumb {
  background: var( --color-thistle );
}

.scrollslide::-moz-range-thumb {
  background: var( --color-thistle );
}

div.keysig {
  background-color: #000000;
}

.keysigimg {
  filter: invert(1);
}

span.solo_key {
  color: var( --color-sage );
}

span.band {
  color: var( --color-forgetmenot );
}

span.artist {
  color: var( --color-sage );
}

.verse {
  color: var( --color-calla );
}

.vertical {
  color: var( --color-sage );
}

.chorus,.repeat {
  color: var( --color-forgetmenot );
}

.bridge {
  color: var( --color-sage );
}


/* setlist */

span.sle_set {
  color: var( --color-mauve );
}

span.sle_song {
  color: var( --color-sage );
}

span.sle_header {
  color: var( --color-sage );
}


/* performer */

span.songtitle {
  color: var( --color-forgetmenot );
}
span.songartist {
  color: var( --color-sage );
}


/* organ settings */

span.db_title {
  color: var( --color-calla );
}

span.drawbars {
  color: var( --color-amethyst );
}

span.chorusvibrato {
  color: var( --color-sage );
}

span.percussion {
  color: var( --color-forgetmenot );
}

span.rotary {
  color: var( --color-sage );
}

span.notes {
  color: var( --color-calla );
}