/*********************************************
 * C_COLOR-THEME
 *********************************************/
 :root[data-theme="light"] {
  --background-color: #d4d4d4;
  --text-color: #333333;
  --nav-bg: #d4d4d4;
  --button-nav-bg: #d4d4d4;
  --button-bg: #bbbbbb;
  --button-text: #333333;
  --button-hover: #949494;
  --button-text-hover: #efeeee;
  --contact-text-error-bg: #e3b2b2;

  --question-bg-color: #e8e8e8;

  --dropdown-content: rgb(105, 146, 22);
  --nested-dropdown-content: rgb(225, 74, 79);
  
}

:root[data-theme="dark"] {
  --background-color: #272727;
  --text-color: #c9c9c9;
  --nav-bg: #272727;
  --button-nav-bg: #272727;
  --button-bg: #3d3d3d;
  --button-text: #c9c9c9;
  --button-hover: #949494;
  --button-text-hover: #1d1d1d;
  --contact-text-error-bg: #c16f6f;

  --question-bg-color: #343434;

  --dropdown-content: rgb(105, 146, 22);
  --nested-dropdown-content: rgb(225, 74, 79);

}

:root {
  --nav-height: 60px; /* Justera detta värde till din navigerings faktiska höjd */

  /*--red:hsla(278, 37%, 44%, 1); #7b4699 */
  --red:#ff627d;/* #7b4699 */
}