:root {
  --green:#399b34;
  --orange:#f6912b;
  --red:#df1629;
  --lightblue:#4aaca8;
  --darkblue:#0013bb;
  --violet:#560389;
  --lightgreen:#94eeb0;
  --lightorange:#f8ea95;

  --btnOnBorder:blue;
  --btnOffBorder:black;
  --btnOnBackground:white;
  --btnOffBackground:white;
  --bgColor:white;
  --textColor:black;
  --tblBorder:black;

  @media(prefers-color-scheme: dark) {
    --btnOnBorder: var(--red);
    --btnOffBorder: #272525;

    --btnOnBackground:black;
    --btnOffBackground:black;

    --bgColor:black;
    --textColor:var(--orange);
    --tblBorder:var(--orange);

    textarea {
      border: 2px solid var(--btnOffBorder)
    }

    textarea::placeholder {
      color: #f6912b3d;
    }

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

    input[type=submit] {
      background: black;
    }
  }
}

/*@font-face {
    font-family: 'eva';
    src: url('/static/eva.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}*/

body {
  background-color: var(--bgColor);
  color:var(--textColor);
  font-family:'Verdana';
}

textarea {
  background-color: var(--bgColor);
  color:var(--textColor);
  font-family:'Verdana';
}

textarea:focus {
  border-color: var(--btnOnBorder);
  outline: none;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

textarea::placeholder {
  color: white; /* Placeholder text color */
  font-style: italic; /* Italic style for the placeholder */
}

caption{text-align:left;}
table{border-collapse: collapse;}
th,td{
  border: 1px solid var(--tblBorder);
  padding: 8px 10px;
  font-size:x-small;
}
th{
  text-align:left;
}

input[type=submit] {
  color: var(--textColor);
  border: 1px solid var(--textColor);
}