:root {
  --primary-bg: #2b2b2b;
  --primary-fg: #eb6ea0;

  --secondary-bg: #383c3c;
  --secondary-fg: #e3adc1;

  --textfield-bg: #2D323B;
  --textfield-fg: #fafdff;
  --textfield-outline: #6e4a55;

  --link-fg: #e3adc1;
  --link-hover-fg: #fff799;
  
  --border-color: #6e4a55;

  --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: #e3adc1;
  --mdc-theme-secondary: #b0778c;
  --mdc-theme-error: #e73562;

  --icon-color: #d8bfd8;
}

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;
}