:root {
  --color-black:                hsl(0, 0%, 0%);
  --color-swo-blue-dark:        hsl(220, 20%, 12%);
  --color-swo-blue:             hsl(220, 15%, 22%);
  --color-grey-ui:              hsl(0, 0%, 20%);
  --color-white-ui:             hsl(0, 0%, 96%);
  --color-white-ui-bg:          hsl(0, 0%, 93%);
  --color-swo-blue-darker:      hsl(220, 25%, 6%);
}

[data-md-color-scheme="light"] {
  --md-primary-fg-color:        var(--color-white-ui);
  --md-primary-bg-color:        var(--color-black);
  --md-accent-fg-color:         var(--color-black);
  --md-typeset-a-color:         var(--color-black);
  --md-default-fg-color:        var(--color-swo-blue-dark);
  --md-default-fg-color--light: var(--color-swo-blue);
  --md-typeset-color:           var(--color-swo-blue-dark);
  --md-default-bg-color:        var(--color-white-ui-bg);
  --md-footer-fg-color:         var(--color-grey-ui);
  --md-footer-bg-color:         var(--color-white-ui);
  --md-typeset-table-color:     var(--color-swo-blue);
}

[data-md-color-scheme="dark"] {
  --md-primary-fg-color:        var(--color-white-ui);
  --md-primary-bg-color:        var(--color-black);
  --md-accent-fg-color:         var(--color-swo-blue);
  --md-typeset-a-color:         var(--color-white-ui-bg);
  --md-default-fg-color:        var(--color-white-ui);
  --md-default-fg-color--light: var(--color-white-ui);
  --md-typeset-color:           var(--color-white-ui);
  --md-default-bg-color:        var(--color-swo-blue-darker);
  --md-footer-fg-color:         var(--color-grey-ui);
  --md-footer-bg-color:         var(--color-swo-blue-dark);
  --md-typeset-table-color:     var(--color-white-ui);
  --md-admonition-fg-color:     var(--color-white-ui);
  --md-admonition-bg-color:     var(--color-swo-blue);
}

--color-black@keyframes flash {
  from {
    background-color: var(--color-black);
  }

  to {
    background-color: var(--md-default-bg-color);
  }
}

h1:target,
h2:target,
h3:target,
h4:target,
h5:target,
h6:target {
  animation-name: flash;
  animation-duration: 2s;
}

.md-header {
  box-shadow: none;
  border-bottom: 1px solid hsl(0, 0%, 85%);
}