:root {
    --campus-cloud-text-color: #1e1e1e;
    --campus-cloud-text-secondary-color: #2e2e2e;
    --campus-cloud-white: #ffffff;
    --campus-cloud-black: #000000;

    --campus-cloud-grey-twentyone: #979797;
    --campus-cloud-grey-twenty: #323232;
    --campus-cloud-grey-nineteen: #000000A7;
    --campus-cloud-grey-eigthteen: #DDDDDD;
    --campus-cloud-grey-seventeen: #495057;
    --campus-cloud-grey-sixteen: #707070;
    --campus-cloud-grey-fifteen: #0000000D;
    --campus-cloud-grey-fourteen: #FDFDFD;
    --campus-cloud-grey-thirteen: #505050;
    --campus-cloud-grey-twelve: #d4d4d4;
    --campus-cloud-grey-eleven: #eef2f7;
    --campus-cloud-grey-ten: #202124;
    --campus-cloud-grey-nine: #3c4043;
    --campus-cloud-grey-eight: #5f6368;
    --campus-cloud-grey-seven: #80868b;
    --campus-cloud-grey-six: #9aa0a6;
    --campus-cloud-grey-five: #bdc9d3;
    --campus-cloud-grey-four: #dadce0;
    --campus-cloud-grey-three: #e8eaed;
    --campus-cloud-grey-two: #f1f3f4;
    --campus-cloud-grey-one: #f8f9fa;

    --campus-cloud-palette-one: #725cc6;
    --campus-cloud-palette-two: #5941b54d;
    --campus-cloud-palette-three: #52B6E0;
    --campus-cloud-palette-four: #FE795B;
    --campus-cloud-palette-five: #4D89EB33;
    --campus-cloud-palette-six: #19CEA1;
    --campus-cloud-palette-seven: #56C2BB;
    --campus-cloud-palette-eight: #D7A5D1;
    --campus-cloud-palette-nine: #106AD21A;
    --campus-cloud-palette-ten: #894FD1;
    --campus-cloud-palette-eleven: #EFBD3C;
    --campus-cloud-palette-twelve: #3D77EE1A;
    --campus-cloud-palette-thirteen: #F1F1F1;
    --campus-cloud-palette-fourteen: #725CC61A;
    --campus-cloud-palette-fifteen: #3D77EE;
    --campus-cloud-palette-sixteen: #725CC667;
    --campus-cloud-palette-seventeen: #0000000F;
    --campus-cloud-palette-eighteen: #F8F8F8;
    --campus-cloud-palette-nineteen: #e2e2e2;
    --campus-cloud-palette-twenty: #0000001a;
    --campus-cloud-palette-twentyone: #00000029;
    --campus-cloud-palette-twentythree: #9266d533;
    --campus-cloud-palette-twentyfour: #cbcbcb;
    --campus-cloud-palette-twentyfive: #ced4da;
    --campus-cloud-palette-twentysix: #687C97;
    --campus-cloud-palette-twentyseven: #FDFDFD;
    --campus-cloud-palette-twentyeight: #00000002;
    --campus-cloud-palette-twentynine: #7070701A;
    --campus-cloud-palette-thirty: #EEAE1D;
    --campus-cloud-palette-thirtyone: #bababa;
    --campus-cloud-palette-thirtytwo: #0e103f;
    --campus-cloud-palette-thirtythree: #0e103f;
    --campus-cloud-palette-thirtyfour: #ffae2c;
    --campus-cloud-palette-thirtyfive: #565264;
    --campus-cloud-palette-thirtysix: #B5E0FF;
    --campus-cloud-palette-thirtyseven: #F9FBFD;
    --campus-cloud-palette-thirtyeight: #F48C44;
    --campus-cloud-palette-thirtynine: #0473FF;
    --campus-cloud-palette-fourty: #f15a28;
    --campus-cloud-palette-forty: #63A530;
    --campus-cloud-palette-fortyone: #F9BB0B;
    --campus-cloud-palette-fourtyone: #1E299C;
    --campus-cloud-palette-fourtytwo: #21CE62;
    --campus-cloud-palette-fourtythree: #232f3e;
    --campus-cloud-palette-fourtyfour: #2580EC;
    --campus-cloud-palette-fourtyfive: #655007;
    --campus-cloud-palette-fourtysix: #FFC400;
    --campus-cloud-palette-fourtyseven: #EF5879;
    --campus-cloud-palette-fourtyeight: #0EC0E2;
    --campus-cloud-palette-fourtynine: #0EC0E2;
    --campus-cloud-palette-fifty: #D48E18;
    --campus-cloud-palette-fiftyone: #9F561F;
    --campus-cloud-palette-fiftytwo: #F9606E;
    --campus-cloud-palette-fiftythree: #44621D;
    --campus-cloud-palette-fiftyfour: #FCFCFC;
    /* New Colors */
    --campus-cloud-dark-red: #E83628;
    --campus-cloud-palette-fiftyfive: #78C89F;
    --campus-cloud-palette-fiftysix: #295EB7;
    --campus-cloud-palette-fiftyseven: #FC6E5C;
    /* End */


    --campus-cloud-success: #34a853;
    --campus-cloud-success-bg: #34a8531a;

    --campus-cloud-success-secondary: #8bc34a;
    --campus-cloud-success-secondary-bg: #8bc34a1a;

    --campus-cloud-danger-two: #fff1f1;
    --campus-cloud-danger: #ff5252;
    --campus-cloud-danger-bg: #ff52521a;

    --campus-cloud-warning: #ffa600;
    --campus-cloud-warning-bg: #ffa6001a;

    --campus-cloud-warm: #6b71e5;
    --campus-cloud-link-text: #301f56;
    --campus-cloud-warm-bg: #6b71e51a;

    --campus-cloud-primary-light: #0091ff;
    --campus-cloud-primary-light-bg: #0091ff1a;
    --campus-cloud-secondary-bg: #f8f9fa;

    --campus-cloud-placeholder-color: #e18a22;

    --campus-cloud-primary-one: #4d89eb;
    --campus-cloud-primary-two: #323a46;
    --campus-cloud-primary-three: #00000014;
    --campus-cloud-primary-four: #295EB7;
    --campus-cloud-primary-five: #F2F7FF;
    --campus-cloud-text-orange: #F06E1D;

    --campus-cloud-menu-hover-bg: rgb(246, 247, 248);
    --campus-cloud-menu-primary: #4d89eb;

    --campus-cloud-linear-gradient-one: transparent linear-gradient(180deg, #e2dafd 0%, #d6cbfc 100%) 0% 0% no-repeat padding-box;

    --campus-cloud-box-shadow-one: 0px 3px 6px #00000008;
    --campus-cloud-box-shadow-two: 0px 3px 6px #0000000f;
    --campus-cloud-box-shadow-three: 0px 6px 12px #00000008;
    --campus-cloud-box-shadow-four: 0px 6px 12px #0000000f;
    --campus-cloud-box-shadow-five: 0px 0px 12px #0000000f;
    --campus-cloud-box-shadow-six: 0px 2px 4px #0000001a;
    --campus-cloud-box-shadow-seven: 0px 1px 5px #00000029;
    --campus-cloud-box-shadow-eight: 0px 6px 6px #00000008;
    --campus-cloud-box-shadow-nine: 0px 6px 12px #00000010;
    --campus-cloud-box-shadow-ten: 0px 12px 22px #725cc614;
    --campus-cloud-box-shadow-inset-one: inset 0px 0px 18px #0000001a;

    --campus-cloud-border-radius-one: 4px;
    --campus-cloud-border-radius-two: 8px;
    --campus-cloud-border-radius-three: 10px;
    --campus-cloud-border-radius-four: 12px;
    --campus-cloud-border-radius-five: 16px;
    --campus-cloud-border-radius-six: 20px;
    --campus-cloud-border-radius-seven: 32px;
    --campus-cloud-border-radius-rounded: 50%;

    --campus-cloud-header-height: 5vh;

    /* Navbar Variables */
    --navbar-bg: var(--campus-cloud-white);
    --navbar-shadow: var(--campus-cloud-box-shadow-two);
    --navbar-border: var(--campus-cloud-grey-four);
    --navbar-text-color: var(--campus-cloud-grey-nine);
    --navbar-icon-color: var(--campus-cloud-grey-seven);
    --navbar-hover-color: var(--campus-cloud-primary-one);
    --navbar-hover-bg: var(--campus-cloud-grey-one);
    --navbar-active-color: var(--campus-cloud-primary-one);
    --navbar-active-bg: var(--campus-cloud-primary-five);
    --navbar-active-border: var(--campus-cloud-primary-one);

    /* Side Navigation Variables */
    --sidenav-width: 260px;
    --sidenav-collapsed-width: 70px;
    --sidenav-bg: var(--campus-cloud-white);
    --sidenav-shadow: var(--campus-cloud-box-shadow-two);
    --sidenav-border: var(--campus-cloud-grey-four);
    --sidenav-header-height: 70px;
    --sidenav-header-bg: var(--campus-cloud-white);

    /* Side Navigation Toggle */
    --sidenav-toggle-bg: var(--campus-cloud-grey-one);
    --sidenav-toggle-color: var(--campus-cloud-grey-eight);
    --sidenav-toggle-hover-bg: var(--campus-cloud-primary-five);
    --sidenav-toggle-hover-color: var(--campus-cloud-primary-one);

    /* Side Navigation Scrollbar */
    --sidenav-scrollbar-thumb: var(--campus-cloud-grey-five);
    --sidenav-scrollbar-thumb-hover: var(--campus-cloud-grey-six);

    /* Side Navigation Menu */
    --sidenav-submenu-bg: var(--campus-cloud-grey-one);
    --sidenav-submenu-color: var(--campus-cloud-grey-nine);
    --sidenav-submenu-hover-bg: var(--campus-cloud-grey-two);
    --sidenav-submenu-hover-color: var(--campus-cloud-primary-one);
    --sidenav-submenu-active-bg: var(--campus-cloud-primary-five);
    --sidenav-submenu-active-color: var(--campus-cloud-primary-one);

    /* Side Navigation Badge */
    --sidenav-badge-bg: var(--campus-cloud-danger);
    --sidenav-badge-color: var(--campus-cloud-white);

    /* Side Navigation Tooltip */
    --sidenav-tooltip-bg: var(--campus-cloud-white);

    /* Side Navigation Footer */
    --sidenav-footer-bg: var(--campus-cloud-grey-one);

    /* Menu Icon Filters */
    --menu-icon-hover-filter: brightness(0) saturate(100%) invert(46%) sepia(98%) saturate(1234%) hue-rotate(197deg) brightness(96%) contrast(91%);
    --menu-icon-active-filter: brightness(0) saturate(100%) invert(46%) sepia(98%) saturate(1234%) hue-rotate(197deg) brightness(96%) contrast(91%);

    /* Transitions */
    --transition-fast: 0.2s;
    --transition-medium: 0.3s;
    --transition-slow: 0.5s;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;

    /* Z-Index */
    --z-index-sidenav: 1000;
    --z-index-header: 1001;
    --z-index-modal: 1050;
    --z-index-tooltip: 1100;
}