/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

:root {
  --color-background: var(--base);
  --color-background-code: var(--crust);
  --color-background-paginate: var(--mantle);
  --color-foreground: var(--text);
  --color-highlight: var(--blue);
  --color-highlight-hover: var(--lavender);
  --color-highlight-heading: var(--sapphire);
  --color-header: var(--blue);
  --color-header-shadow: transparent;

  --text-font: "Ubuntu Nerd Font", Helvetica, sans-serif;
  --title-font: "Ubuntu Nerd Font", Helvetica, sans-serif;
  --mono-font: "UbuntuMono Nerd Font", monospace;

  --standard-border-radius: .5rem;
  --pink: #ea76cb;
  --mauve: #8839ef;
  --red: #d20f39;
  --maroon: #e64553;
  --peach: #fe640b;
  --yellow: #df8e1d;
  --green: #40a02b;
  --teal: #179299;
  --sky: #04a5e5;
  --sapphire: #209fb5;
  --blue: #1e66f5;
  --lavender: #7287fd;
  --text: #4c4f69;
  --subtext1: #5c5f77;
  --subtext0: #6c6f85;
  --overlay2: #7c7f93;
  --overlay1: #8c8fa1;
  --overlay0: #9ca0b0;
  --surface2: #acb0be;
  --surface1: #bcc0cc;
  --surface0: #ccd0da;
  --base: #eff1f5;
  --mantle: #e6e9ef;
  --crust: #dce0e8;
}

.markdown-preview.markdown-preview {
  font-family: var(--text-font);
  font-size: 14px;
  line-height: 1.5rem;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--title-font);
    color: var(--text)
  }

  code {
    color: var(--text);
    font-family: var(--mono-font);
    font-size: 14px;
    border-radius: .3rem;
    border-style: dashed;
    border-color: var(--overlay0);
    border-width: 1px;
  }

  pre {
    margin-top: .8rem;
    border-radius: .8rem;
    border-style: solid;
    border-color: var(--overlay0);
    border-width: 2px;
  }

  pre>code {
    border-style: none;
  }

  li::marker {
    color: var(--overlay2);
  }
  
  img {
    border-radius: .8rem;
    border-style: solid;
    border-color: var(--overlay0);
    border-width: 2px;
  }

  @media print {
    font-size: 12px;
    code {
      white-space: pre-wrap;
      font-size: 12px;
    }
  }
}

