/*
 * poole-dracula
 *
 * A Dracula (https://draculatheme.com) palette for Poole/Hyde
 * (https://github.com/poole/poole, https://github.com/poole/hyde).
 *
 * This is the remote_theme build of this file: the front matter above lets
 * Jekyll run it through Liquid, so every color falls back to the stock
 * Dracula palette but can be overridden per-site from _config.yml, e.g.:
 *
 *   poole_dracula:
 *     purple: "#9580ff"
 *
 * If you're installing by copying files instead of via remote_theme, use
 * css/poole-dracula.css from this repo instead, this one is unusable
 * outside a Jekyll build (the interpolated values above are Liquid, not CSS).
 *
 * MIT licensed, same as Poole/Hyde.
 */

:root {
  --dracula-bg:         #282a36;
  --dracula-bg-alt:     #21222c;
  --dracula-bg-sidebar: #1e1f29;
  --dracula-fg:         #f8f8f2;
  --dracula-fg-body:    #e6e6e6;
  --dracula-comment:    #6272a4;
  --dracula-current:    #44475a;
  --dracula-purple:     #bd93f9;
  --dracula-pink:       #ff79c6;
  --dracula-green:      #50fa7b;
  --dracula-red:        #ff5555;
  --dracula-cyan:       #8be9fd;
  --dracula-yellow:     #f1fa8c;
  --dracula-orange:     #ffb86c;
}

body {
  color: var(--dracula-fg-body);
  background-color: var(--dracula-bg);
}

::selection {
  background-color: var(--dracula-current);
  color: var(--dracula-fg);
}

a {
  color: var(--dracula-purple);
}
a:hover,
a:focus {
  color: var(--dracula-pink);
}

h1, h2, h3, h4, h5, h6,
strong,
.masthead-title,
.masthead-title a,
.page-title,
.post-title,
.post-title a {
  color: var(--dracula-fg);
}

hr {
  border-top: 1px solid var(--dracula-current);
  border-bottom: 1px solid var(--dracula-bg);
}

abbr,
.masthead-title small,
.post-date,
.related-posts li small,
.pagination {
  color: var(--dracula-comment);
}
abbr[title] {
  border-bottom: 1px dotted var(--dracula-current);
}

/* Code */
code {
  color: var(--dracula-green);
  background-color: var(--dracula-bg-alt);
}
pre {
  background-color: var(--dracula-bg-alt);
}

/* Quotes */
blockquote {
  color: var(--dracula-comment);
  border-left-color: var(--dracula-purple);
}

/* Tables */
table,
td,
th {
  border-color: var(--dracula-current);
}
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
  background-color: var(--dracula-bg-alt);
}

.message {
  color: var(--dracula-fg);
  background-color: var(--dracula-bg-alt);
}

/* Related posts / pagination */
.related {
  border-top-color: var(--dracula-current);
}
.related-posts li a:hover {
  color: var(--dracula-pink);
}
.pagination-item {
  border-color: var(--dracula-current);
}
a.pagination-item:hover {
  background-color: var(--dracula-bg-alt);
}

/* Hyde sidebar */
.sidebar {
  color: rgba(248, 248, 242, .6);
  background-color: var(--dracula-bg-sidebar);
}
.sidebar a {
  color: var(--dracula-fg);
}
.sidebar-about h1 {
  color: var(--dracula-pink);
}