@use "sass:color";

@use "@material/theme/color-palette";

// Svelte Colors! (Dark Theme)
@use "@material/theme/index" as theme with
  (
    $primary: #1e88e5,
    $secondary: #d8701b,
    $surface: color.adjust(color-palette.$grey-900, $blue: +4),
    $background: #000,
    $error: color-palette.$red-700
  );

@import "@material/typography/mdc-typography";

// html,
// body {
//    background-color: #000;
//    color: theme.$on-surface;
// }

// a {
//    color: #40b3ff;
// }
// a:visited {
//    color: color.scale(#40b3ff, $lightness: -35%);
// }