/*
  Ask Insects Publish accent theme.
  Obsidian Publish owns light/dark switching; this file only keeps
  the Ask Insects accent legible in both modes.
*/

body {
  --ask-insects-brand-turquoise: #00d7c7;
  --ask-insects-brand-turquoise-hover: #5ae6de;
  --interactive-accent: var(--ask-insects-brand-turquoise);
  --interactive-accent-hover: var(--ask-insects-brand-turquoise-hover);
}

body.theme-dark {
  --link-color: var(--ask-insects-brand-turquoise);
  --link-color-hover: var(--ask-insects-brand-turquoise-hover);
  --text-accent: var(--ask-insects-brand-turquoise);
  --text-accent-hover: var(--ask-insects-brand-turquoise-hover);
  --blockquote-border-color: var(--ask-insects-brand-turquoise);
}

body.theme-light {
  --link-color: #008f86;
  --link-color-hover: #006f68;
  --text-accent: #008f86;
  --text-accent-hover: #006f68;
  --blockquote-border-color: var(--ask-insects-brand-turquoise);
}

button.mod-cta,
.modal button.mod-cta,
.modal .modal-button-container button.mod-cta {
  background-color: var(--ask-insects-brand-turquoise) !important;
  background-image: none !important;
  color: #032322 !important;
}

button.mod-cta:hover,
.modal button.mod-cta:hover,
.modal .modal-button-container button.mod-cta:hover {
  background-color: var(--ask-insects-brand-turquoise-hover) !important;
  color: #032322 !important;
}

.publish-renderer .mod-header.mod-ui {
  display: none;
}

.site-body-left-column [data-path="Ask Insects.md"] {
  display: none !important;
}

@media (min-width: 760px) and (max-width: 999px) {
  .published-container.has-graph .site-body-right-column {
    display: flex !important;
    position: fixed !important;
    top: 84px !important;
    right: 16px !important;
    width: 300px !important;
    max-height: 320px !important;
    z-index: 100 !important;
    overflow: hidden !important;
    background: var(--background-primary) !important;
    border: 1px solid var(--background-modifier-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
  }

  .published-container.has-graph .site-body-right-column-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px !important;
  }

  .published-container.has-graph .site-body-right-column .outline-view-outer {
    display: none !important;
  }

  .published-container.has-graph .site-body-right-column .graph-view-outer {
    display: block !important;
  }

  .published-container.has-graph .site-body-right-column .graph-view {
    height: 210px !important;
    min-height: 210px !important;
  }
}