@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://www.csiperlascuola.it/scuola-in-movimento/assets/upload/font/SaturnusRegular.css');

:root {
--font-family: 'Nunito Sans', sans-serif;
--title-font-family: 'Saturnus';
--primary-color: #97c945;
--primary-color-rgb: 150,201,69;
--secondary-color: #f3ffc5;
--secondary-color-rgb: 243,255,197;
--orange-color: #f15a29;
--orange-color-rgb: 241,90,41;
--green-color: #e9ff93;
--green-color-rgb: 233,255,147;
--csi-color: #f16125;
--csi-color-rgb: 241,97,37;
--bg-brand-color: #ffffff;
--bg-color: #ffffff;
--tx-color: #000000;
--red: red;
--green: green;
--default-image: url('');
--spacer: 4px;

/* Opacità colori */
--primary-color-100: rgba(var(--primary-color-rgb), 1);
--primary-color-90: rgba(var(--primary-color-rgb), .9);
--primary-color-80: rgba(var(--primary-color-rgb), .8);
--primary-color-70: rgba(var(--primary-color-rgb), .7);
--primary-color-60: rgba(var(--primary-color-rgb), .6);
--primary-color-50: rgba(var(--primary-color-rgb), .5);
--primary-color-40: rgba(var(--primary-color-rgb), .4);
--primary-color-30: rgba(var(--primary-color-rgb), .3);
--primary-color-20: rgba(var(--primary-color-rgb), .2);  
--primary-color-10: rgba(var(--primary-color-rgb), .1);
--primary-color-0: rgba(var(--primary-color-rgb), 0);

--secondary-color-100: rgba(var(--secondary-color-rgb), 1);
--secondary-color-90: rgba(var(--secondary-color-rgb), .9);
--secondary-color-80: rgba(var(--secondary-color-rgb), .8);
--secondary-color-70: rgba(var(--secondary-color-rgb), .7);
--secondary-color-60: rgba(var(--secondary-color-rgb), .6);
--secondary-color-50: rgba(var(--secondary-color-rgb), .5);
--secondary-color-40: rgba(var(--secondary-color-rgb), .4);
--secondary-color-30: rgba(var(--secondary-color-rgb), .3);
--secondary-color-20: rgba(var(--secondary-color-rgb), .2);  
--secondary-color-10: rgba(var(--secondary-color-rgb), .1);
--secondary-color-0: rgba(var(--secondary-color-rgb), 0);
}