:root {
  --boitata-night: #17303F;
  --boitata-deep: #10202B;
  --boitata-ember: #C4411F;
  --boitata-flame: #FFB322;
  --boitata-mist: #F4F6F8;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--boitata-night);
  --md-primary-fg-color--light: #2A4254;
  --md-primary-fg-color--dark: var(--boitata-deep);
  --md-accent-fg-color: var(--boitata-ember);
  --md-typeset-a-color: var(--boitata-ember);
  --md-default-fg-color: var(--boitata-night);
  --md-code-bg-color: var(--boitata-mist);
}

/* Dark: a near-black page with a trace of the brand navy, raised surfaces in two steps instead of navy-on-navy,
   soft white for text and rules, ember lifted for links and section numbers, flame kept for emphasis only. */
[data-md-color-scheme="slate"] {
  --d-bg: #0B151C;
  --d-surface: #111E27;
  --d-raised: #172631;
  --d-hairline: #24353F;
  --d-text: #E4EAEE;
  --d-muted: #93A3AE;
  --d-ember: #FF6A4D;
  --d-flame: #FFCB47;

  --md-hue: 205;
  --md-default-bg-color: var(--d-bg);
  --md-default-fg-color: var(--d-text);
  --md-default-fg-color--light: var(--d-muted);
  --md-default-fg-color--lighter: #5E707C;
  --md-default-fg-color--lightest: var(--d-hairline);
  --md-primary-fg-color: var(--d-bg);
  --md-primary-fg-color--light: var(--d-surface);
  --md-primary-fg-color--dark: #070E13;
  --md-primary-bg-color: var(--d-text);
  --md-accent-fg-color: var(--d-flame);
  --md-typeset-a-color: var(--d-ember);
  --md-code-bg-color: var(--d-surface);
  --md-code-fg-color: #D3DCE2;
  --md-code-hl-keyword-color: var(--d-ember);
  --md-code-hl-string-color: #A6D1B4;
  --md-code-hl-number-color: #9EC1D6;
  --md-code-hl-function-color: #E4EAEE;
  --md-code-hl-constant-color: #9EC1D6;
  --md-code-hl-name-color: #D3DCE2;
  --md-code-hl-operator-color: var(--d-muted);
  --md-code-hl-punctuation-color: var(--d-muted);
  --md-code-hl-comment-color: #6F818D;
  --md-code-hl-generic-color: var(--d-muted);
  --md-code-hl-variable-color: #D3DCE2;
  --md-footer-bg-color: var(--d-surface);
  --md-footer-bg-color--dark: var(--d-bg);
  --md-admonition-bg-color: var(--d-surface);
  --md-typeset-table-color: var(--d-hairline);

  --bt-ink: var(--d-text);
  --bt-muted: var(--d-muted);
  --bt-grid: var(--d-hairline);
  --bt-paper: var(--d-bg);
  --bt-night: #9EC1D6;
  --bt-ember: var(--d-ember);
  --bt-flame: var(--d-flame);
  --bt-ember-soft: rgba(255, 106, 77, .14);
  --bt-flame-soft: rgba(255, 203, 71, .10);
  --bt-night-soft: rgba(158, 193, 214, .08);
}

.md-header__button.md-logo img { height: 1.8rem; }


.md-typeset .boitata-hero {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin: 1.5rem 0 2.5rem;
}
.md-typeset .boitata-hero img { width: 9rem; flex-shrink: 0; }
.md-typeset .boitata-hero h1 { font-size: 3rem; margin: 0 0 .4rem; color: inherit; }
.md-typeset .boitata-hero p { font-size: 1.05rem; margin: 0 0 1.2rem; }
.md-typeset .boitata-hero .md-button { margin: 0 .5rem .5rem 0; }

@media screen and (max-width: 44.9375em) {
  .md-typeset .boitata-hero { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .md-typeset .boitata-hero img { width: 5rem; }
}

.md-typeset .grid.cards .twemoji { color: var(--md-typeset-a-color); }

[data-md-color-scheme="default"] .md-typeset .md-button--primary {
  background-color: var(--boitata-ember);
  border-color: var(--boitata-ember);
  color: #fff;
}
[data-md-color-scheme="slate"] .md-typeset .md-button { color: #FF9A5C; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: var(--boitata-flame);
  border-color: var(--boitata-flame);
  color: var(--boitata-deep);
}

[data-md-color-scheme="default"] .boitata-hero .logo-dark,
[data-md-color-scheme="slate"] .boitata-hero .logo-light { display: none; }