{{ $themeContrast := .Param "themeContrast" | default "medium" }}
{{ $backgroundColor := "bg0" }}
{{ if eq $themeContrast "soft" }}
  {{ $backgroundColor = "bg0_s" }}
{{ else if eq $themeContrast "hard" }}
  {{ $backgroundColor = "bg0_h" }}
{{ end }}

:root[data-theme="dark"] {
  --bg: var(--{{ $backgroundColor }});
  --bg0: #1a1b26;
  --bg0_h: #1d2021;
  --bg0_s: #32302f;
  --bg1: #181922;
  --bg2: #32344a;
  --bg3: #665c54;
  --bg4: #32344a;
  --fg: var(--fg1);
  --fg0: #a1a1a1;
  --fg1: #dddfeb;
  --fg2: #7da6ff;
  --fg3: #6a6c67;
  --fg4: #32344a;
  --gray1: var(--fg4);
  --gray2: #444b6a;
  --red1: #f7768e;
  --red2: #ff7a93;
  --green1: #9ece6a;
  --green2: #b9f27c;
  --yellow1: #e0af68;
  --yellow2: #ff9e64;
  --blue1: #63A8D3;
  --blue2: #63A8D3;
  --purple1: #ad8ee6;
  --purple2: #bb9af7;
  --aqua1: #449dab;
  --aqua2: #0db9d7;
  --orange1: #d65d0e;
  --orange2: #fe8019;

  & .dark--hidden {
    display: none;
  }
  }

:root {
  --primary: var(--blue1);
  --primary-alt: var(--blue2);
}
