/* ------------------------------------ */
/* Hadrion-2025 - kwizr.nl - Main index */
/* ------------------------------------ */

@font-face {
  font-family: "MuseoModerno";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/MuseoModerno-Regular.woff2') format('woff2'),
       url('./fonts/MuseoModerno-Regular.woff') format('woff');
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/Roboto-Regular.woff2') format('woff2'),
       url('./fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/Roboto-Italic.woff2') format('woff2'),
       url('./fonts/Roboto-Italic.woff') format('woff');
}
@font-face {
  font-family: "Roboto";
  font-style: bold;
  font-display: swap;
  font-weight: 700;
  src: url('./fonts/Roboto-Bold.woff2') format('woff2'),
       url('./fonts/Roboto-Bold.woff') format('woff');
}

* {
	box-sizing: border-box;
}

:root {
	--yellow-color: #FCD900;
	--pink-color:   #FB05DE;
	--orange-color: #F29000;
	--red-color:    #E53312;
	--green-color:  #6EAB28;
	--light-blue-color: #009FE3;
	--blue-color:   #164194;
	--purple-color: #82368C;
	--grey-color:   #878787;
	--light-grey-color: #D0D0D0;
	--very-light-grey: #EEEEEE;
	--grey-text:    #575757;

}

body {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
	background-color: white;
}

[readonly] {
	background-color: var(--light-grey-color);
}