/* 
Sheet: colors
Version: 1
Author: Dunstan Becht 
Source: dunstan.becht.network/unity
Variables: 
- background = #ffffff [color] (body background color)
- header = rgba(0, 0, 0, 0.75) [color] (header background color)
- articles = rgba(0, 0, 0, 0.75) [color] (article background color)
- footer = rgba(0, 0, 0, 0.75) [color] (footer background color)
- text = #ffffff [color] (text default color)
- action = #f4d282 [color] (highlighted text)
*/ 

body {
  background-color: #ffffff;
}

header {
  background-color: rgba(0, 0, 0, 0.75);
}

article, .article {
  background-color: rgba(0, 0, 0, 0.75);
}

footer {
  background-color: rgba(0, 0, 0, 0.75);
}

::selection {
  background: rgba(0, 0, 0, 0);
  color: #f4d282;
}

h1 {
  color: #ffffff;
}

p, ul, ol, il, dl, dt, dd {
  color: #ffffff;
}

a {
  color: #ffffff;
}

input {
  color: #ffffff;
  background: transparent;
}

.action {
  color: #ffffff;
  fill: #ffffff;
}

.active, .action:hover {
  color: #f4d282;
  fill: #f4d282;
}

input[type=text], input[type=email], input[type=password] {
  color: #ffffff;
  border-color: #ffffff;
}

input[type=text]:hover, input[type=email]:hover, input[type=password]:hover {
  border-color: #f4d282;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
  color: #f4d282;
  border-color: #f4d282;
}

.green {
  color: #009900;
}

.red {
  color: #ff3232;
}

.blue {
  color: #0055b8;
}

.bronze {
  color: #f4d282;
}