@charset "UTF-8"; /* light theme color */ $light-background: #fff; $light-background-secondary: #eaeaea; $light-color: #222; $light-color-secondary: #999; $light-border-color: #dcdcdc; /* dark theme colors */ $dark-background: #34363a; $dark-background-secondary: #404653; $dark-color: #d4d4d4; $dark-color-secondary: #a1a1a1; $dark-border-color: #4a4b50; $cursor-color: #912727; $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); }