/* siati.ai™ brand override per Material for MkDocs.
   Usiamo specificity alta per vincere su palette.*.min.css generato dal theme.
   Brand red #d31818 (=brand siati). */

/* Light theme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #d31818 !important;
  --md-primary-fg-color--light: #ef4444 !important;
  --md-primary-fg-color--dark: #a30f0f !important;
  --md-primary-bg-color: #ffffff !important;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7) !important;

  --md-accent-fg-color: #d31818 !important;
  --md-accent-fg-color--transparent: rgba(211, 24, 24, 0.1) !important;
  --md-accent-bg-color: #ffffff !important;
  --md-accent-bg-color--light: rgba(255, 255, 255, 0.7) !important;

  --md-typeset-a-color: #d31818 !important;
}

/* Dark theme (slate) */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0a0a !important;
  --md-default-bg-color--light: #141414 !important;
  --md-default-bg-color--lighter: #1f1f1f !important;
  --md-default-bg-color--lightest: #2a2a2a !important;

  --md-primary-fg-color: #d31818 !important;
  --md-primary-fg-color--light: #ef4444 !important;
  --md-primary-fg-color--dark: #a30f0f !important;
  --md-primary-bg-color: #ffffff !important;

  --md-accent-fg-color: #ef4444 !important;
  --md-accent-fg-color--transparent: rgba(239, 68, 68, 0.15) !important;

  --md-typeset-a-color: #ef4444 !important;
}

/* Header / nav — flat brand red header, slightly darker tabs strip below.
   The default Material logo height is too small for our wordmark SVG
   (text-based, wider than an icon). Bump it and add some breathing room. */
.md-header {
  background-color: var(--md-primary-fg-color);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.md-tabs {
  background-color: var(--md-primary-fg-color--dark);
}
.md-header__button.md-logo {
  margin: 0.4rem 0;
  padding: 0;
}
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.8rem !important;
  width: auto !important;
}
.md-header__title {
  margin-left: 0.5rem;
  font-weight: 600;
}

/* Typography polish */
.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: 2.2rem;
}
.md-typeset h2 {
  font-weight: 700;
  letter-spacing: -0.015em;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: 0.3em;
}
.md-typeset h3 { font-weight: 600; }

/* Code blocks: monospace stack consistent with siati.ai */
.md-typeset code, .md-typeset pre {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
.md-typeset code {
  background-color: rgba(127, 127, 127, 0.15);
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.88em;
}

/* Tables — tighter, branded headers */
.md-typeset table:not([class]) th {
  background-color: rgba(211, 24, 24, 0.08);
  font-weight: 600;
}

/* Admonition (note/tip/warning) — brand-tinted */
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--md-primary-fg-color);
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(211, 24, 24, 0.08);
}

/* Sidebar logo container — give the inline SVG some breathing room */
.md-header__button.md-logo svg {
  height: 1.6rem;
  width: auto;
}
.md-nav__title svg {
  height: 1.4rem;
  width: auto;
}