/* static/css/extended.css */
/* Rose Pine Moon — forced dark, overrides both main.css and dark.css */

:root {
  /* Override light variables */
  --light-primary-color: 35, 33, 54;       /* #232136 as RGB */
  --light-secondary-color: #44415a;
  --light-tertiary-color: #2a273f;
  --light-text-color: #e0def4;

  /* Override dark variables */
  --dark-primary-color: 35, 33, 54;
  --dark-secondary-color: #2a273f;
  --dark-tertiary-color: #393552;
  --dark-text-color: #e0def4;
  --font-size: 1.15rem;
}

/* Force html background and text regardless of dark.css load order */
html {
  background-color: #232136 !important;
  color: #e0def4 !important;
  fill: #e0def4;
}

.header {
  background-color: rgba(35, 33, 54, 0.95) !important;
}

.nav-hamburger-list {
  background: rgba(35, 33, 54, 1) !important;
}

blockquote {
  border-left-color: #c4a7e7;
  color: #908caa;
}

hr {
  color: #44415a;
}

code, pre {
  background-color: #2a273f !important;
  color: #f6c177;
}

:not(pre) > code {
  background-color: #393552 !important;
  color: #e0def4;
}

.post-tags .post-tag:hover {
  background-color: #e0def4;
  color: #232136;
}

.gk-social-icons-list .gk-social-icon {
  fill: #e0def4;
}

.gk-social-icons-list .gk-social-icon a:hover {
  fill: #c4a7e7;
}

table thead {
  background-color: #2a273f;
}

table td, table th {
  border-bottom-color: #44415a;
}

.arrow-logo {
  background-color: #2a273f;
}

.header-shadow {
  box-shadow: #232136 0px -1px 0px 0px inset;
}

::selection {
  background: #44415a;
  color: #e0def4;
}

.dark-theme-toggle { display: none !important; }

img.float-right {
  width: 50%;
  float: right;
  margin-left: 1em;
}

.clearfix {
  clear: both;
}

@media print {
  aside.post-toc,
  header {
    display: none !important;
  }

  body {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  * {
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    box-sizing: border-box;
    color: black !important;
  }

  main#content>.container {
    width: 100%;
    padding: 0;
  }

  pre,
  code {
    white-space: pre-wrap;
    word-break: break-all;
  }
}


.nav-link svg {
  width: 1.1em !important;
  height: 1.1em !important;
  fill: currentColor;
  vertical-align: middle;
  overflow: visible;
  stroke-width: 0 !important;
}

.nav-link svg path {
  transition: fill .15s ease;
}