:root{
  --bg: #fafafa;
  --bg-html: whitesmoke;
  --bg-comp: white;
  --bg-light: #ddd;
  /*--bg-link-hover: #E7EEFE;*/
  /*--bg-link-active: #E7EEFE;*/
  --bg-link-hover: #FDF3F4;
  --bg-link-active: #FDF3F4;
  --bg-row-hover: #fafafa;
  /*--bg-disabled: #fafafa;*/
  --bg-disabled: #eee;
  --color: #444;
  --link-color: #000fff;

  /*--n1: #3F51B5;*/
  /*--n2: dodgerblue; */
  /*--n3: lightskyblue;*/
  /* --n1: white; */
  /* --n2: white; */
  /* --n3: white; */
  /*--n1: #f04b4c;*/
  --n1: #E21F26;
  --n2: indianred;
  --n3: lightcoral;

  --n1-dental: #FBC624;
  --n2-dental: orange;
  --n3-dental: #FDE392;

  /* --n1-font: #444; */
  /* --n2-font: #6E9BF9; */
  /* --n3-font: #3F51B5; */
  --n1-font: white;
  --n2-font: white;
  --n3-font: white;

  /*--c1: #3F51B5;*/
  /*--c2: dodgerblue; */
  /*--c3: lightskyblue;*/
  /* --c1: #3e79f7; */
  /* --c2: #6E9BF9; */
  /* --c3: #3F51B5; */

  /*--c1: #f04b4c;*/
  --c1: #E21F26;
  --c2: indianred;
  --c3: lightcoral;

  --c1-dental: #FBC624;
  --c2-dental: orange;
  --c3-dental: #FDE392;

  --c1-font: white;
  --c2-font: white;
  --c3-font: white;

  --d1: #fafafa;
  --d2: #e1e1e1;
  --d3: #ddd;
  
  --d1-font: black;
  --d2-font: black;
  --d3-font: black;

  --d1-font-light: #666;
  --d2-font-light: var(--c2);
  --d3-font-light: var(--c2);
  --d2-font-light-dental: var(--c2-dental);
  --d3-font-light-dental: var(--c2-dental);

  --g1: #c2d5a8;

  --dt-color: #8A8E99;

  --theme-bg: whitesmoke;
  --theme-font: var(--c1-font);

  --tag-bg: #e7eefe;
  --tag-font: #3e79f7;
  --tag-ok-bg: #c0f4e0;
  --tag-ok-font: #008053;
  --tag-ng-bg: #f6d3d6;  
  --tag-ng-font: darkred;
  --tag-ng-border: 1px solid #d9505c;
  --tag-warn-border: 1px solid goldenrod;
  --tag-warn-font: black;
  --tag-warn-bg: gold;

  --border: 1px solid silver;
  --border-light: 1px solid #ddd;
  --border-dashed: 1px dashed silver;
  --border-dashed-hover:  1px dashed var(--c1);
  --border-dashed-hover-dental:  1px dashed var(--c1-dental);
  --box-shadow: 0 3px 3px 1px lightgrey;
  --left-nav-shadow: 0 0 5px 1px lightgrey;;

  /* primary button */
  --btn-primary-color: var(--c1-font);
  --btn-primary-bg: var(--c1);
  --btn-primary-bg-dental: var(--c1-dental);
  --btn-primary-border: 1px solid var(--c1);
  --btn-primary-border-dental: 1px solid var(--c1-dental);

  --btn-primary-hover-color: var(--c2-font);
  --btn-primary-hover-bg: var(--c2);
  --btn-primary-hover-bg-dental: var(--c2-dental);
  --btn-primary-hover-border: 1px solid var(--c2);
  --btn-primary-hover-border-dental: 1px solid var(--c2-dental);
  
  --btn-primary-active-color: var(--c3-font);
  --btn-primary-active-bg: var(--c3);
  --btn-primary-active-bg-dental: var(--c3-dental);
  --btn-primary-active-border: 1px solid var(--c3);
  --btn-primary-active-border-dental: 1px solid var(--c3-dental);

  /* secondary button */
  --btn-secondary-color: var(--d1-font);
  --btn-secondary-bg: var(--d1);
  --btn-secondary-border: var(--border);

  --btn-secondary-hover-color: var(--c2);
  --btn-secondary-hover-color-dental: var(--c2-dental);
  --btn-secondary-hover-bg: transparent;
  --btn-secondary-hover-border:  1px solid var(--c2);
  --btn-secondary-hover-border-dental:  1px solid var(--c2-dental);
  
  --btn-secondary-active-color: var(--c3);
  --btn-secondary-active-color-dental: var(--c3-dental);
  --btn-secondary-active-bg: transparent;
  --btn-secondary-active-border: 1px solid var(--c3);
  --btn-secondary-active-border-dental: 1px solid var(--c3-dental);

  /* tertiary button */
  --btn-tertiary-color: dimgrey;
  --btn-tertiary-bg: transparent;
  --btn-tertiary-border: 1px solid dimgrey;

  --btn-tertiary-hover-color: dimgrey;
  --btn-tertiary-hover-bg: transparent;
  --btn-tertiary-hover-border: 1px solid dimgrey;

  --btn-tertiary-active-color: dimgrey;
  --btn-tertiary-active-bg: transparent;
  --btn-tertiary-active-border: 1px solid dimgrey;

    /* warning button */
  /* --btn-warning-color: white; */
  /* --btn-warning-bg: deeppink; */
  /* --btn-warning-border: 1px solid deeppink; */
  --btn-warning-color: var(--d1-font);
  --btn-warning-bg: var(--d1);
  --btn-warning-border: var(--border);

  /* error */
  /* --err-bg: #f04b4c; */
  --err-bg: #E21F26;
  --err-color: white;
  /* --err-border: 1px solid #f04b4c;*/
  --err-border: 1px solid #E21F26;
  --err-input-bg: #FFE7F4;

  --cart-bg: #00A89F;

  --dental-n1: #FBC624;
  --dental-light: #FFF9E9;
  --dental-text: black;
}