/* EqualWeb brand variables */
:root {
    --ew-blue: #1c4bb6;
    --ew-blue-hover: #0073ea;
    --ew-blue-dark: #163d94;
    --ew-green: #21d59b;
    --ew-yellow: #ffc700;
    --ew-red: #f0142f;
    --ew-dark: #000;
    --ew-text-gray: #607d8b;
    --ew-light-gray: #e0e0e0;
    --ew-bg: #f5f5f5;
}

/* Light mode primary/accent */
[data-md-color-scheme="default"] {
    --md-primary-fg-color: var(--ew-blue);
    --md-primary-fg-color--light: var(--ew-blue-hover);
    --md-primary-fg-color--dark: var(--ew-blue-dark);
    --md-accent-fg-color: var(--ew-green);
    --md-accent-fg-color--transparent: rgba(33, 213, 155, 0.1);
    --md-typeset-a-color: var(--ew-blue);
}
[data-md-color-scheme="default"] .md-typeset a:hover { color: var(--ew-blue-hover); }

/* Dark mode (Material slate scheme) — keep brand identity, lift contrast */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: var(--ew-blue);
    --md-accent-fg-color: var(--ew-green);
    --md-typeset-a-color: #6b9bff;
}

/* Header polish */
.md-header { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
.md-header__title { font-weight: 600; }
.md-header__button.md-logo img { height: 32px; width: auto; }

/* Inline code — branded */
.md-typeset code {
    background-color: rgba(28, 75, 182, 0.08);
    color: var(--ew-blue);
}
[data-md-color-scheme="slate"] .md-typeset code {
    background-color: rgba(28, 75, 182, 0.25);
    color: #b3ecff;
}

/* Admonition coloring */
.md-typeset .admonition.note,
.md-typeset details.note { border-color: var(--ew-blue); }
.md-typeset .note > .admonition-title,
.md-typeset .note > summary { background-color: rgba(28, 75, 182, 0.1); }
.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before { background-color: var(--ew-blue); }

.md-typeset .admonition.tip,
.md-typeset details.tip { border-color: var(--ew-green); }
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary { background-color: rgba(33, 213, 155, 0.1); }
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before { background-color: var(--ew-green); }

.md-typeset .admonition.warning,
.md-typeset details.warning { border-color: var(--ew-yellow); }
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary { background-color: rgba(255, 199, 0, 0.1); }

.md-typeset .admonition.danger,
.md-typeset details.danger { border-color: var(--ew-red); }
.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary { background-color: rgba(240, 20, 47, 0.1); }

/* Buttons */
.md-typeset .md-button.md-button--primary {
    background-color: var(--ew-blue);
    border-color: var(--ew-blue);
    color: #fff;
}
.md-typeset .md-button.md-button--primary:hover {
    background-color: var(--ew-blue-hover);
    border-color: var(--ew-blue-hover);
}

/* Footer — branded */
.md-footer-meta { background-color: var(--ew-dark); }
.md-footer-copyright { color: var(--ew-text-gray); }
.md-footer-copyright a { color: var(--ew-green); }
.md-footer-copyright a:hover { color: #fff; }