@charset "UTF-8"; /* Light theme color */ $light-background: #fff; $light-background-secondary: #eaeaea; $light-background-header: #fafafa; $light-color: #222; $light-color-secondary: #999; $light-border-color: #dcdcdc; $light-table-color: #dcdcdc; /* Dark theme colors */ $dark-background: #090B0F; $dark-background-secondary: #0C1016; $dark-background-header: #151A20; $dark-color: #a9a9b3; $dark-color-secondary: #b3b3bd; $dark-border-color: #4e4e57; $dark-table-color: #4e4e57; $media-size-phone: "(max-width: 684px)"; $media-size-tablet: "(max-width: 900px)"; $media-size-laptop: "(max-width: 1200px)"; /* Variables for js, must be the same as these in @custom-media queries */ :root { --phoneWidth: (max-width: 684px); --tabletWidth: (max-width: 900px); } /* Content */ $max-width: 860px;