/* Bartola brand colours */
:root,
[data-md-color-scheme="default"] {
  --bartola-gold:   #C5A355;
  --bartola-cream:  #F5F2EB;
  --bartola-black:  #1A1A1A;
  --bartola-mid:    #6B6560;
  --bartola-light:  #B8B2A8;

  --md-primary-fg-color:        var(--bartola-gold);
  --md-primary-fg-color--light: #D4B87A;
  --md-primary-fg-color--dark:  #A07D2E;
  --md-primary-bg-color:        var(--bartola-black);

  --md-accent-fg-color:         var(--bartola-gold);

  --md-default-bg-color:        var(--bartola-cream);
  --md-default-fg-color:        var(--bartola-black);
  --md-default-fg-color--light: var(--bartola-mid);
}

/* Cream background applied explicitly to all key layout areas */
body,
.md-main,
.md-main__inner,
.md-content,
.md-sidebar,
.md-sidebar__scrollwrap,
.md-nav {
  background-color: var(--bartola-cream);
}

/* Header */
.md-header {
  background-color: var(--bartola-black);
  color: var(--bartola-gold);
}

.md-header__title {
  color: var(--bartola-gold);
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* Navigation sidebar */
.md-nav__title {
  color: var(--bartola-gold);
}

.md-nav__link--active,
.md-nav__link:hover {
  color: var(--bartola-gold);
}

/* Links */
.md-content a {
  color: var(--bartola-gold);
}

.md-content a:hover {
  color: #D4B87A;
}

/* Headings */
.md-content h1,
.md-content h2 {
  border-bottom: 1px solid var(--bartola-gold);
  padding-bottom: 0.25em;
}

/* Search bar */
.md-search__input {
  background-color: #2E2E2E;
  color: var(--bartola-cream);
}

/* Code blocks */
.highlight {
  background-color: #2E2E2E;
}

/* Footer */
.md-footer {
  background-color: var(--bartola-black);
  color: var(--bartola-light);
}

.md-footer-meta {
  background-color: #111111;
}

/* WIP notice — used via admonition in pages */
.md-typeset .admonition.wip,
.md-typeset details.wip {
  border-color: var(--bartola-gold);
}
.md-typeset .wip > .admonition-title,
.md-typeset .wip > summary {
  background-color: rgba(197, 163, 85, 0.15);
}