/* Cherry Blossom Dark Reflection
   Palette source: daitsuku.cherry-blossom-vscode-theme, "Dark Reflection" variant
   https://github.com/daitsuku/cherry-blossom-vscode-theme/blob/master/themes/dark/reflection.json

   mkdocs-terminal (Gioni06/terminal.css) is driven almost entirely by the
   CSS custom properties below, so most of the site (links, buttons, admonitions,
   tables, hr, code) re-themes just by overriding :root.

   Everything past the :root block below is for the handful of things terminal.css does NOT expose
   as a variable: layered surface backgrounds, the Bootstrap search modal,
   and Pygments syntax highlighting.
*/

/* Dark (default) */
:root {
  --background-color: #0e1016;
  --font-color: #d8dce9;
  --invert-font-color: #151820;
  --secondary-color: #a8d6e2;
  --tertiary-color: #596377;
  --primary-color: #f9beca;
  --error-color: #f9beca;
  --progress-bar-background: #1c202a;
  --progress-bar-fill: #f9beca;
  --code-bg-color: #171b24;
}

/* Light: follows the OS unless the user picked dark */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --background-color: #fff8fa;
    --font-color: #2b2d3a;
    --invert-font-color: #ffffff;
    --secondary-color: #1f7a8c;
    --tertiary-color: #7a8296;
    --primary-color: #c2456b;
    --error-color: #c2456b;
    --progress-bar-background: #f6dde5;
    --progress-bar-fill: #c2456b;
    --code-bg-color: #fdecf1;
  }
}

/* Light: manual choice */
:root[data-theme="light"] {
  --background-color: #fff8fa;
  --font-color: #2b2d3a;
  --invert-font-color: #ffffff;
  --secondary-color: #1f7a8c;
  --tertiary-color: #7a8296;
  --primary-color: #c2456b;
  --error-color: #c2456b;
  --progress-bar-background: #f6dde5;
  --progress-bar-fill: #c2456b;
  --code-bg-color: #fdecf1;
}

pre {
  border-color: transparent;
}
pre code {
  padding: 0.7rem;
  margin: 0.05rem;
}

/* Toggle button */
#theme-toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1000;
  padding: 0.3rem 0.7rem;
  font: inherit;
  cursor: pointer;
  color: var(--primary-color);
  background: var(--background-color);
  border: 1px solid var(--primary-color);
  border-radius: 7px;
}