:root {
  --primary-bg: #1E232C;
  --primary-fg: #f8f8ff;

  --secondary-bg: #232831;
  --secondary-fg: #E6E6FA;

  --textfield-bg: #2D323B;
  --textfield-fg: #F0F8FF;
  --textfield-outline: #708090;

  --link-fg: ${--link-fg};
  --link-hover-fg: ${--link-hover-fg};
  
  --border-color: #00afcc;

  --row-odd-bg: #141922;
  --row-even-bg: #0A0F18;

  --rga1: rgba(35, 40, 49, 0.7);
  --rga2: rgba(35, 40, 49, 0.8);

  --shadow-color: #000000;

  --mdc-theme-primary: #00afcc;
  --mdc-theme-secondary: #00608d;
  --mdc-theme-error: #e73562;

  --icon-color: #afeeee;
}

p, span, dt, dd {
  color: var(--primary-fg);
}

input, select, textarea {
  background-color: var(--textfield-bg);
  color: var(--textfield-fg);
}

option {
  background-color: var(--textfield-bg);
  color: var(--textfield-fg);
}

hr {
  border-color: var(--border-color);
}

textarea {
 
  background: var(--textfield-bg);
  color: var(--textfield-fg);

  //border-color: var(--border-color);
//   outline: none;
}