html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}body.theme-blue{--primary-color: #3f51b5;--primary-light: #e8eaf6;--primary-dark: #283593;--accent-color: #00bcd4;--navbar-bg: #333;--navbar-text: #ffffff;--grid-border: #3f51b5}body.theme-teal{--primary-color: #00897b;--primary-light: #e0f2f1;--primary-dark: #00695c;--accent-color: #ff9800;--navbar-bg: #00695c;--navbar-text: #ffffff;--grid-border: #00897b}body.theme-purple{--primary-color: #673ab7;--primary-light: #ede7f6;--primary-dark: #4a148c;--accent-color: #ffc107;--navbar-bg: #4a148c;--navbar-text: #ffffff;--grid-border: #673ab7}body.theme-rose{--primary-color: #e91e63;--primary-light: #fce4ec;--primary-dark: #880e4f;--accent-color: #ff5722;--navbar-bg: #880e4f;--navbar-text: #ffffff;--grid-border: #e91e63}body.theme-indigo{--primary-color: #1a237e;--primary-light: #e8eaf6;--primary-dark: #0d1642;--accent-color: #ff4081;--navbar-bg: #1a237e;--navbar-text: #ffffff;--grid-border: #1a237e}