@charset "UTF-8"; /* light theme color */ $light-background: #fff; $light-background-secondary: #fff; $light-color: #494949; $light-color-secondary: rgb(134, 132, 132); $light-border-color: #dcdcdc; $light-cursor-color: #d67b7b; $light-hover-link-color: #000; /* dark theme colors */ $dark-background: #404147; $dark-background-secondary: #404653; $dark-color: #d4d4d4; $dark-color-secondary: #a1a1a1; $dark-border-color: #4a4b50; $dark-cursor-color: #a85656; $dark-hover-link-color: #fff; $media-size-phone: "(max-width: 684px)"; $media-size-tablet: "(max-width: 900px)"; /* variables for js, must be the same as these in @custom-media queries */ :root { --phoneWidth: (max-width: 684px); --tabletWidth: (max-width: 900px); }