:root {
    --accent: 119, 233, 253;
    --rotessa-blue: 0, 117, 242;
    --dark-blue: 35, 42, 54;
	--light-blue: 159, 205, 255;
	--text-light: 64, 77, 99;
	--muted-text: 175, 191, 209;
	--muted-text-light: 109, 118, 129;
    --error: 244, 63, 94;
    --border-radius-sm: 3px;
    --border-radius-lg: 14px;
    --transition-fast: .3s;
    --box-shadow-lg: 0 20px 20px rgba(0, 0, 0, .3);
    --box-shadow-light: 0 .5px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15), 0 16px 32px rgba(0, 0, 0, .15);
    --box-shadow-mid: 0 .5px .5px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1), 0 4px 4px rgba(0, 0, 0, .1), 0 8px 8px rgba(0, 0, 0, .1), 0 16px 16px rgba(0, 0, 0, .1), 0 32px 32px rgba(0, 0, 0, .1);
    --box-shadow-sm-light: 0 .5px 1px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .02), 0 8px 16px rgba(0, 0, 0, .1);

    --media-laptop: 1366px;
    --media-tablet: 1024px;
    --media-mobile: 764px;
    --media-mobile-sm: 500px;

    --spring-easing-fast: linear(0, 0.0034 0.81%, 0.028 2.42%, 0.0985, 0.1943 7.26%, 0.5539 15.32%, 0.6782 18.55%, 0.7577, 0.825 23.39%, 0.8962 26.61%, 0.9369 29.03%, 0.9767 32.26%, 0.9973 34.68%, 1.0152, 1.0246, 1.0281 44.35%, 1.026 50%, 1.0095 63.71%, 1.0027 72.58%, 0.9996 83.06%, 0.9994 100%);
    --spring-duration-fast: 0.4980s;

    --spring-easing-mid: linear(0, 0.0018, 0.0068 1.16%, 0.0258, 0.0545 3.47%, 0.1012 4.92%, 0.2055 7.52%, 0.566 15.61%, 0.6767 18.51%, 0.762, 0.8331 23.71%, 0.896, 0.9436, 0.978 32.39%, 0.9995 34.99%, 1.0151 37.88%, 1.0245 41.06%, 1.0282 44.53%, 1.0262 49.74%, 1.0096 63.62%, 1.0027 72.58%, 0.9996 83.28%, 0.9994 99.76%);
    --spring-duration-mid: 0.8317s;
}
.theme-light {
	--box-shadow-light: 0 .5px 1px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .02), 0 2px 4px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .02), 0 8px 16px rgba(0, 0, 0, .02), 0 16px 32px rgba(0, 0, 0, .02);
}
.theme-dark {
	--box-shadow-light: 0 .5px 1px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .15), 0 16px 32px rgba(0, 0, 0, .15);
}