@use 'sass:color';

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

// Svelte Colors!
@use '@material/theme/index' as theme with (
  $primary: #124559,
  $secondary: #aec3b0,
  $surface: #fff,
  $background: #fff,
  $error: color-palette.$red-900
);

html,
body {
  background-color: theme.$surface;
  color: #01161e;
}

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

// https://coolors.co/palette/01161e-124559-598392-aec3b0-eff6e0