/* VaanarSena docs: the console's palette, taken from the emblem
   (sepia ink on parchment, saffron on charcoal). */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #24150B;
  --md-primary-fg-color--light: #4A372A;
  --md-primary-fg-color--dark: #140B05;
  --md-primary-bg-color: #FBF7F2;
  --md-accent-fg-color: #E07B24;
  --md-typeset-a-color: #A84B0A;
  --md-default-bg-color: #FFFDFA;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #161618;
  --md-primary-fg-color--light: #232327;
  --md-primary-fg-color--dark: #0E0E10;
  --md-accent-fg-color: #F2922F;
  --md-typeset-a-color: #F5A24A;
  --md-default-bg-color: #121214;
  --md-default-bg-color--light: #1A1A1D;
  --md-code-bg-color: #1A1A1D;
}

.md-typeset h1, .md-typeset h2 { font-weight: 600; letter-spacing: -0.2px; }
.md-typeset h1 { color: inherit; }
.md-header__button.md-logo img { height: 2rem; }

.md-typeset .md-button { border-radius: 8px; font-weight: 600; }
.md-typeset .md-button--primary { background: #A84B0A; border-color: #A84B0A; color: #fff; }
.md-typeset .md-button--primary:hover { background: #8A3C07; border-color: #8A3C07; color: #fff; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary { background: #F2922F; border-color: #F2922F; color: #1A0F05; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary:hover { background: #F6A855; border-color: #F6A855; color: #1A0F05; }

/* home page hero */
.vs-hero { text-align: left; padding: 0.5rem 0 1rem; }
.vs-hero .vs-hero-mark { width: 16rem; height: auto; float: right; margin: 0 0 1rem 1.5rem; }
.vs-hero h1 { font-size: 2.6rem; margin-bottom: 0.4rem; }
.vs-hero p { font-size: 1.05rem; max-width: 38rem; }
@media (max-width: 600px) { .vs-hero .vs-hero-mark { float: none; display: block; width: 12rem; margin: 0 0 1rem; } }

.md-typeset img.vs-shot, .md-typeset p > img[src*="screens/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
}