:root {
  /*
  * text font
  */
  --content-text-font-family: Arial;
  --content-text-font-size: 10pt;
  --ui-text-font-family: system-ui;
  --ui-text-font-size: 10pt;
  --mono-font-family: monospace;
  
  /**
  * text font colors
  */
  --foreground-color: rgb(50,50,50);
  --placeholder-color: rgb(180,180,180);
  --link-color: rgb(0,0,255);
    
  /**
  * background colors
  */
  --content-background-color: cornsilk;
  --light-background-color: rgb(250,250,250);
  --medium-background-color: rgb(245,245,245);
  --dark-background-color: rgb(210,210,210);
  --highlight-background-color: yellow;
  
  --alternating-rows-brightness: 99%;
  
  /**
  * border colors
  */
  --light-border-color: rgb(222,222,222);
  --dark-border-color: rgb(175,175,175);
  --darkest-border-color: rgb(100,100,100);
  
  /**
  * icon font
  */
  --icon-font-family: tabler-icons;
  --icon-small: 14px;
  --icon-medium: 18px;
  --icon-normal: 20px;
  --icon-large: 24px;

  /**
  * icon font colors
  */
  --icon-color-subtle: rgb(185,185,185);
  --icon-color: rgb(50,50,50);
  --icon-color-highlight: rgb(0,0,0);
}