:root {
  /* Palette */
  --c-bg:        #000000;
  --c-bg-1:      #111111;
  --c-bg-2:      #1a1a1a;
  --c-bg-3:      #222222;

  --c-fg:        #f0f0f0;
  --c-fg-1:      #bbbbbb;
  --c-fg-2:      #888888;
  --c-fg-3:      #444444;

  --c-accent:    #ffffff;
  --c-hover:     #144647;
  --c-border:    #2b5060;
  --c-active:    #a8a1c4;
  --c-error:     #e53935;

  --c-code-bg:   #111111;
  --c-code-fg:   #e0e0e0;

  /* MkDocs Material theme mappings */
  --md-default-bg-color:              var(--c-bg);
  --md-default-bg-color--light:       var(--c-bg-1);
  --md-default-bg-color--lighter:     var(--c-bg-2);
  --md-default-bg-color--lightest:    var(--c-bg-3);

  --md-default-fg-color:              var(--c-fg);
  --md-default-fg-color--light:       var(--c-fg-1);
  --md-default-fg-color--lighter:     var(--c-fg-2);
  --md-default-fg-color--lightest:    var(--c-fg-3);

  --md-primary-fg-color:              var(--c-bg-1);
  --md-primary-fg-color--light:       var(--c-bg-2);
  --md-primary-fg-color--dark:        var(--c-bg);
  --md-primary-bg-color:              var(--c-fg);
  --md-primary-bg-color--light:       var(--c-fg-1);

  --md-accent-fg-color:               var(--c-active);
  --md-accent-fg-color--transparent:  rgba(168, 161, 196, .2);
  --md-accent-bg-color:               var(--c-bg);

  --md-typeset-a-color:               var(--c-fg-1);

  --md-code-bg-color:                 var(--c-code-bg);
  --md-code-fg-color:                 var(--c-code-fg);
}