/* Sahl AI brand layer on top of Material for MkDocs */

:root {
  --sahl-magenta: #d10073;
  --sahl-magenta-dark: #910d6a;
  --sahl-ink: #09090c;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #f4f4f6;
  --md-primary-bg-color: var(--sahl-ink);
  --md-primary-bg-color--light: rgba(9, 9, 12, 0.7);
  --md-accent-fg-color: var(--sahl-magenta);
  --md-accent-fg-color--transparent: rgba(209, 0, 115, 0.1);
  --md-typeset-a-color: var(--sahl-magenta-dark);
}

[data-md-color-scheme="slate"] {
  --md-hue: 260;
  --md-primary-fg-color: #121218;
  --md-primary-fg-color--light: #1a1a22;
  --md-primary-fg-color--dark: #0c0c10;
  --md-primary-bg-color: #f2f2f5;
  --md-primary-bg-color--light: rgba(242, 242, 245, 0.7);
  --md-accent-fg-color: #ff4fa8;
  --md-accent-fg-color--transparent: rgba(255, 79, 168, 0.12);
  --md-typeset-a-color: #ff7cbd;
}

/* Header and tabs: hairline instead of a heavy coloured bar */
.md-header,
.md-tabs {
  border-bottom: 1px solid rgba(127, 127, 140, 0.18);
  box-shadow: none;
}
.md-header[data-md-state="shadow"],
.md-header--shadow {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
}
.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link {
  color: var(--md-accent-fg-color);
}

/* Environment badge shown next to URLs */
.env-badge {
  display: inline-block;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #8a5300;
  background: #fff3d6;
  vertical-align: middle;
}
[data-md-color-scheme="slate"] .env-badge {
  color: #ffd27a;
  background: rgba(255, 196, 0, 0.14);
}

/* HTTP method pills */
.http {
  display: inline-block;
  min-width: 3.4rem;
  padding: 0.05rem 0.4rem;
  border-radius: 4px;
  font-family: var(--md-code-font-family);
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}
.http.post { background: #0a7d4f; }
.http.get { background: #1f6fd1; }
.http.ws { background: #6b3fd4; }

/* Home page cards */
.md-typeset .grid.cards > ul > li {
  border-radius: 10px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 4px 18px rgba(209, 0, 115, 0.08);
}

.hero {
  padding: 0.4rem 0 1rem;
}
.hero p.lead {
  font-size: 0.95rem;
  color: var(--md-default-fg-color--light);
  max-width: 42rem;
}

/* Tables: keep field names on one line */
.md-typeset table:not([class]) td:first-child code {
  white-space: nowrap;
}

/* Typography */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--md-default-fg-color);
}
.md-typeset h2 { font-weight: 650; letter-spacing: -0.01em; }
.md-typeset h3 { font-weight: 600; }

/* Buttons: header is white, so buttons use the brand magenta explicitly */
.md-typeset .md-button {
  color: var(--sahl-magenta);
  border-color: var(--sahl-magenta);
  border-radius: 8px;
  font-weight: 600;
}
.md-typeset .md-button--primary {
  color: #fff;
  background-color: var(--sahl-magenta);
  border-color: var(--sahl-magenta);
}
.md-typeset .md-button:focus,
.md-typeset .md-button:hover {
  color: #fff;
  background-color: var(--sahl-magenta-dark);
  border-color: var(--sahl-magenta-dark);
}
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: #ff7cbd;
  border-color: #ff7cbd;
}

/* Search field on the white header */
[data-md-color-scheme="default"] .md-search__form {
  background-color: #f2f2f5;
  border-radius: 8px;
}
[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: #e9e9ee;
}
[data-md-color-scheme="default"] .md-search__input::placeholder,
[data-md-color-scheme="default"] .md-search__icon {
  color: rgba(9, 9, 12, 0.55);
}
.md-header__title { font-weight: 650; }