:root{
  --color-orange: #ed7000;
  --color-light-orange:#F6A61E;
  --color-blue: rgb(52, 64, 182);
  --color-darkblue: #001a73;
  --color-gray: #AFAFB0;
  --color-background-gray:#F3F4F7;
  --color-green:#199C3E;
  --color-red:#FBB6A8;

  --color-background: #FFFFFF;
  --color-background-grey: rgb(241 241 241);
  
  --color-font-orange:var(--color-orange);
  --color-font-blue:var(--color-blue);
  --color-font-darkblue:var(--color-darkblue);
  --color-font-gray:var(--color-gray);
  --color-font-normal: #000000;
  --color-font-white: #ffffff;
  
  --color-heading: var(--color-darkblue);
  --color-nav-button: var(--color-orange);
  --color-nav-button-text: var(--color-darkblue);
  --color-nav-text: var(--color-darkblue);
  
  --color-grid-1:var(--color-orange);
  --color-grid-2:var(--color-blue);
  --color-grid-3:var(--color-darkblue);
  --color-grid-4:var(--color-gray);
  
  --color-font-grid-1:var(--color-font-white);
  --color-font-grid-2:var(--color-font-white);
  --color-font-grid-3:var(--color-font-white);
  --color-font-grid-4:var(--color-normal);
  
  --color-tooltip-text:var(--color-darkblue);
  --color-title:var(--color-darkblue);
  --color-tooltip-default:var(--color-orange);  
  
  --color-range-default:var(--color-light-orange);
  --color-range-selected:var(--color-orange);
  
  --color-quiz-wrong:var(--color-red);
  --color-quiz-correct:var(--color-green);

  --color-icon-selected:var(--color-light-orange);
  --color-icon:var(--color-orange);
  --color-placeholder:rgba(237, 112, 0, 0.3);
  --color-placeholder-outline:var(--color-orange);
  --color-font-icon-selected:var(--color-font-darkblue);
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:colors] [195.962] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 159 */