@sorens/artist-svelte/css/GlobalStyles.css

an opinionated and clean UI framework for SvelteKit with theme support built-in

:root{--white: 0deg 0% 91%;--black: 0deg 0% 9%;--bg-color: 0deg 0% 91%;--fg-color: 0deg 0% 9%}.dark{--fg-color: 0deg 0% 91%;--bg-color: 0deg 0% 9%}.primary{--light: 218deg 80% 72%;--light-font: 218deg 81% 12%;--base: 218deg 61% 52%;--base-font: 210deg 100% 100%;--dark: 218deg 90% 30%;--dark-font: 213deg 82% 98%;--darker: 218deg 90% 20%;--darker-font: 218deg 91% 91%;--natural: 218deg 100% 93%;--natural-font: 218deg 100% 34%}.secondary{--light: 208deg 98% 62%;--light-font: 208deg 100% 8%;--base: 208deg 98% 25%;--base-font: 207deg 100% 91%;--dark: 208deg 97% 15%;--dark-font: 207deg 100% 92%;--darker: 223deg 100% 15%;--darker-font: 223deg 100% 88%;--natural: 212deg 39% 87%;--natural-font: 213deg 40% 28%}.default{--light: 0deg 0% 67%;--light-font: 0deg 0% 12%;--base: 220deg 4% 31%;--base-font: 240deg 3% 94%;--dark: 0deg 0% 25%;--dark-font: 0deg 0% 86%;--darker: 240deg 3% 19%;--darker-font: 240deg 3% 77%;--natural: 210deg 4% 80%;--natural-font: 204deg 4% 22%}.success{--light: 134deg 61% 41%;--light-font: 180deg 100% 0%;--base: 137deg 100% 26%;--base-font: 0deg 0% 100%;--dark: 126deg 100% 21%;--dark-font: 129deg 100% 97%;--darker: 120deg 100% 17%;--darker-font: 120deg 100% 76%;--natural: 122deg 39% 87%;--natural-font: 121deg 39% 23%}.warning{--light: 27deg 100% 76%;--light-font: 27deg 100% 17%;--base: 45deg 100% 51%;--base-font: 45deg 100% 7%;--dark: 44deg 100% 40%;--dark-font: 60deg 100% 0%;--darker: 42deg 100% 30%;--darker-font: 0deg 0% 100%;--natural: 42deg 39% 87%;--natural-font: 41deg 39% 23%}.danger{--light: 349deg 37% 63%;--light-font: 350deg 37% 12%;--base: 354deg 70% 48%;--base-font: 355deg 65% 97%;--dark: 350deg 100% 31%;--dark-font: 351deg 100% 97%;--darker: 350deg 100% 21%;--darker-font: 350deg 100% 89%;--natural: 351deg 39% 87%;--natural-font: 351deg 39% 28%}.info{--light: 180deg 82% 66%;--light-font: 180deg 82% 15%;--base: 180deg 100% 36%;--base-font: 180deg 100% 6%;--dark: 180deg 100% 25%;--dark-font: 180deg 100% 100%;--darker: 185deg 100% 20%;--darker-font: 180deg 100% 100%;--natural: 185deg 39% 87%;--natural-font: 184deg 40% 22%}.ltr{direction:ltr}.rtl{direction:rtl}.fullWidth{width:clamp(0%,100% - .3rem,100vw)}