:root {
    --classroom-logo: url('../media/vittascience-logo.png');

   --classroom-primary: #22b573;
   --classroom-primary-dark: #208956;
   --classroom-secondary:#ff9403;
   --classroom-secondary-dark:#fc7417;
   --classroom-tertiary:#3fa9f5 ;
   --classroom-tertiary-dark: #2c87c8;

   --correction-0: #ffc152;
   --correction-1: #ffda97;
   --correction-2: #7cc6a5;
   --correction-3: #22b573;
   --correction-success: var(--classroom-green);
   --correction-fail: var(--classroom-red);


   --classroom-background: #fff;
   --classroom-text-0: black;
   --classroom-text-1: #333;
   --classroom-text-2: #666;

   --classroom-shadow-1: rgba(0, 0, 0, 0.2);
   --classroom-cell: #E6E6E6;

   --classroom-white: #fff;
   --classroom-black: #000;
   --classroom-green: #22b573;
   --classroom-red: #dc3545;
   --classroom-red-dark: #ad242c;
   --classroom-blue: #3fa9f5;
   --classroom-gold: #f0af39;

   /* Default dashboard colors (used for students) */
   --classroom-dashboard: var(--classroom-primary);
   --classroom-dashboard-dark: var(--classroom-primary-dark);

}

.theme-dark {
   --classroom-background: #181818;
   --classroom-text-0: rgb(255, 255, 255);
   --classroom-text-1: rgb(205, 205, 205);
   --classroom-text-2: rgb(153, 153, 153);
   --classroom-shadow-1: rgba(0, 0, 0, 1);
   --classroom-cell: #4e4e4e;
}

/* Change the hue-rotate to make the icon color match your primary color */
.sidebar-classroom div img:not(.user-picture) {
   filter: hue-rotate(0deg);
}

/* Change the scale of your logo if it is too big */
#classroom-sidebar-logo {
   background-size: 80% !important;
}

/* OTHER USER TYPES */

/* TEACHER THEMING
Used when the insterface is used by a teacher */
.theme-teacher {
   --classroom-dashboard: #1b6da9;
   --classroom-dashboard-dark: #206189;
}

.theme-teacher .sidebar-classroom div img:not(.user-picture) {
   /* Change the hue-rotate to make the icon color match your theme color */
   filter: hue-rotate(65deg);
}


/* GROUP ADMIN THEMING
Used when the insterface is used by a group administrator */
.theme-group-admin {
   --classroom-dashboard: #ffc152;
   --classroom-dashboard-dark: #f0af39;
}

.theme-group-admin .sidebar-classroom div img:not(.user-picture) {
   /* Change the hue-rotate to make the icon color match your theme color */
   filter: hue-rotate(260deg) brightness(1.2);
}

/* SUPER ADMIN THEMING
Used when the insterface is used by a super administrator */
.theme-super-admin {
   --classroom-dashboard: #ce574e;
   --classroom-dashboard-dark: #b94840;
}

.theme-super-admin .sidebar-classroom div img:not(.user-picture) {
   /* Change the hue-rotate to make the icon color match your theme color */
   filter: hue-rotate(210deg);
}