:root {
  --primary-bg: #ffffff;
  --primary-fg: #000000;

  --secondary-bg: #f5f5f5;
  --secondary-fg: #a9a9a9;

  --textfield-bg: #FFFFFF;
  --textfield-fg: #16160e;
  --textfield-outline: #e8ece9;

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

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

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

  --shadow-color: #DCDCDC;

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