
:root {
  --primary-bg: ${--primary-bg};
  --primary-fg: ${--primary-fg};

  --secondary-bg: ${--secondary-bg};
  --secondary-fg: ${--secondary-fg};

  --textfield-bg: ${--textfield-bg};
  --textfield-fg: ${--textfield-fg};
  --textfield-outline: ${--textfield-outline};

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

  --row-odd-bg: ${--row-odd-bg};
  --row-even-bg: ${--row-even-bg};

  --rga1: ${--rga1};
  --rga2: ${--rga2};

  --shadow-color: ${--shadow-color};

  --mdc-theme-primary: ${--mdc-theme-primary};
  --mdc-theme-secondary: ${--mdc-theme-secondary};
  --mdc-theme-error: ${--mdc-theme-error};

  --icon-color: ${--icon-color};
}

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

