/* Vesana Docs — Brand-Tokens (Oxblood + Cream + Ink + Gold)
 * Specificity: target body[data-md-color-primary="custom"] etc. so we
 * beat Material's main.css :root defaults at all times. */

[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #6B1226;
  --md-primary-fg-color--light: #93112E;
  --md-primary-fg-color--dark:  #390F18;
  --md-primary-bg-color:        #F8F7F7;
  --md-primary-bg-color--light: rgba(248, 247, 247, 0.70);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:             #C9A961;
  --md-accent-fg-color--transparent: rgba(201, 169, 97, 0.10);
  --md-accent-bg-color:             #F8F7F7;
  --md-accent-bg-color--light:      rgba(248, 247, 247, 0.70);
}

/* Light Mode — Cream BG + Ink-Text */
[data-md-color-scheme="default"] {
  --md-default-bg-color:         #F8F7F7;
  --md-default-bg-color--light:  #FFFFFF;
  --md-default-bg-color--lighter: rgba(248, 247, 247, 0.70);
  --md-default-bg-color--lightest: rgba(248, 247, 247, 0.30);
  --md-default-fg-color:         #1F1419;
  --md-default-fg-color--light:  #564E51;
  --md-default-fg-color--lighter: #86797F;
  --md-default-fg-color--lightest: #C1B8BC;
  --md-typeset-a-color:          #6B1226;
  --md-typeset-mark-color:       rgba(201, 169, 97, 0.30);
  --md-code-bg-color:            #F5EDE0;
  --md-code-fg-color:            #1F1419;
  --md-code-hl-color:            rgba(201, 169, 97, 0.20);
  --md-footer-bg-color:          #1F1419;
  --md-footer-bg-color--dark:    #14090F;
  --md-footer-fg-color:          #F8F7F7;
  --md-footer-fg-color--light:   #DCD9D6;
  --md-footer-fg-color--lighter: #A29D96;
}

/* Dark Mode — Ink BG + Cream-Text, lighter Oxblood as link */
[data-md-color-scheme="slate"] {
  --md-hue: 350;
  --md-default-bg-color:         #1F1419;
  --md-default-bg-color--light:  #272123;
  --md-default-bg-color--lighter: rgba(31, 20, 25, 0.70);
  --md-default-bg-color--lightest: rgba(31, 20, 25, 0.30);
  --md-default-fg-color:         #F8F7F7;
  --md-default-fg-color--light:  #DCD9D6;
  --md-default-fg-color--lighter: #A29D96;
  --md-default-fg-color--lightest: #564E51;
  --md-typeset-a-color:          #F4859E;
  --md-code-bg-color:            #14090F;
  --md-code-fg-color:            #F8F7F7;
  --md-accent-fg-color:          #DCC99E;
  --md-footer-bg-color:          #14090F;
  --md-footer-bg-color--dark:    #0C0509;
}

/* Header always Oxblood (in both modes) */
.md-header {
  background-color: #6B1226 !important;
  color: #F8F7F7 !important;
}
.md-tabs {
  background-color: #6B1226 !important;
  color: #F8F7F7 !important;
}

/* Sidebar nav: active item Oxblood-bold (light), Oxblood-pink (dark) */
[data-md-color-scheme="default"] .md-nav__item--active > .md-nav__link {
  color: #6B1226;
  font-weight: 600;
}
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #F4859E;
  font-weight: 600;
}

/* H1 in brand color */
[data-md-color-scheme="default"] .md-typeset h1 {
  color: #6B1226;
}
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #F4859E;
}

/* Search input */
.md-search__input {
  background: rgba(248, 247, 247, 0.10);
}
.md-search__input::placeholder {
  color: rgba(248, 247, 247, 0.60);
}