/* Parro.art — Obsidian Publish palette derived from the painted favicon. */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

.theme-dark {
  --background-primary: #0b1a42;
  --background-primary-alt: #0e204c;
  --background-secondary: #07132f;
  --background-secondary-alt: #091838;
  --background-modifier-border: #41bad140;
  --background-modifier-border-hover: #41bad180;
  --background-modifier-hover: #41bad118;
  --background-modifier-active-hover: #41bad12b;
  --text-normal: #d6d7dc;
  --text-muted: #a8bac7;
  --text-faint: #7188a1;
  --text-on-accent: #07132f;
  --text-accent: #41bad1;
  --text-accent-hover: #72d3e3;
  --interactive-accent: #079cd0;
  --interactive-accent-hover: #41bad1;
  --link-color: #41bad1;
  --link-color-hover: #72d3e3;
  --link-external-color: #f5a524;
  --link-external-color-hover: #ffc55b;
  --tag-color: #f5a524;
  --tag-background: #bb4a2f33;
  --tag-background-hover: #bb4a2f55;
  --code-normal: #41bad1;
  --code-background: #07132f;
  --blockquote-border-color: #f5a524;
  --blockquote-background-color: #f5a52412;
  --hr-color: #41bad166;
  --checkbox-color: #079cd0;
  --checkbox-color-hover: #41bad1;
  --h1-color: #f5a524;
  --h2-color: #41bad1;
  --h3-color: #72d3e3;
  --h4-color: #e47a64;
  --h5-color: #ffc55b;
  --h6-color: #d6d7dc;
}

.theme-light {
  --background-primary: #f4f5f6;
  --background-primary-alt: #e9edf0;
  --background-secondary: #d6d7dc;
  --background-secondary-alt: #cbd2d8;
  --background-modifier-border: #166c9740;
  --background-modifier-hover: #079cd018;
  --text-normal: #0b1a42;
  --text-muted: #40516b;
  --text-faint: #718094;
  --text-on-accent: #ffffff;
  --text-accent: #166c97;
  --text-accent-hover: #079cd0;
  --interactive-accent: #166c97;
  --interactive-accent-hover: #079cd0;
  --link-color: #166c97;
  --link-color-hover: #079cd0;
  --link-external-color: #9a3d28;
  --link-external-color-hover: #bb4a2f;
  --tag-color: #0b1a42;
  --tag-background: #f5a52466;
  --tag-background-hover: #f5a52499;
  --code-normal: #166c97;
  --code-background: #e9edf0;
  --blockquote-border-color: #f5a524;
  --blockquote-background-color: #f5a52418;
  --checkbox-color: #079cd0;
  --checkbox-color-hover: #41bad1;
  --h1-color: #9a3d28;
  --h2-color: #166c97;
  --h3-color: #087fa7;
  --h4-color: #bb4a2f;
  --h5-color: #80550b;
  --h6-color: #0b1a42;
}

.published-container .site-header-text,
.published-container .site-header-logo {
  color: var(--h1-color);
}

.published-container .site-body-left-column-site-logo,
.published-container .site-body-left-column-site-name {
  display: block;
  width: calc(100% + 18px);
  margin-left: -18px;
  text-align: center;
}

.published-container .site-body-left-column-site-name {
  padding-right: 0;
}

.published-container .site-body-left-column,
.published-container .site-body-right-column {
  border-color: var(--background-modifier-border);
}

.published-container .markdown-rendered blockquote {
  border-radius: 0 var(--radius-s) var(--radius-s) 0;
  padding-block: var(--size-4-2);
}

.published-container .markdown-rendered img {
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-m);
}

body ::selection {
  background: #079cd055;
}