/* Berlanggan theme for MkDocs Material.
   Palette tokens mirror static/css/input.css (@theme):
   coral primary #ff5a36 / ink #16130f / cream #fbf4ec. */

:root {
  --md-primary-fg-color:        #16130f;   /* dark top bar, like the site nav */
  --md-primary-fg-color--light: #2b261e;
  --md-primary-fg-color--dark:  #16130f;
  --md-primary-bg-color:        #fbf4ec;
  --md-primary-bg-color--light: rgba(251, 244, 236, 0.7);

  --md-accent-fg-color:         #ed3f1a;   /* coral — hover/active */
  --md-accent-fg-color--transparent: rgba(237, 63, 26, 0.1);
}

/* Light scheme */
[data-md-color-scheme="default"] {
  --md-default-bg-color:     #fbf4ec;
  --md-typeset-a-color:      #c62f11;
  --md-footer-bg-color:      #16130f;
  --md-footer-bg-color--dark:#0f0d0a;
}

/* Dark scheme */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:     #16130f;
  --md-default-fg-color:     rgba(251, 244, 236, 0.9);
  --md-code-bg-color:        #1e1a15;
  --md-typeset-a-color:      #ff753f;
  --md-primary-fg-color:     #16130f;
}

/* Brand name weight in the header */
.md-header__title { font-weight: 800; letter-spacing: -0.01em; }

/* Section labels in the sidebar */
.md-nav__item--section > .md-nav__link {
  color: var(--md-default-fg-color--light);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.66rem;
  letter-spacing: 0.06em;
}

/* Rounded, warm code + table surfaces */
.md-typeset pre > code,
.md-typeset .highlight { border-radius: 0.6rem; }
.md-typeset table:not([class]) {
  border-radius: 0.6rem;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset table:not([class]) th {
  background: var(--md-default-fg-color--lightest);
  font-weight: 700;
}

/* Primary buttons (.md-button) → coral */
.md-typeset .md-button--primary {
  background-color: #ff5a36;
  border-color: #ff5a36;
  color: #fff;
  border-radius: 999px;
}
.md-typeset .md-button--primary:hover {
  background-color: #ed3f1a;
  border-color: #ed3f1a;
}

/* Language selector: make the current choice obvious */
.md-select__inner { border-radius: 0.5rem; }