/* AZSuite docs theme — match the public site (red on dark/light, Inter body, Montserrat headings) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&display=swap');

/* Light scheme */
[data-md-color-scheme="default"] {
    --md-primary-fg-color:        #DC2626;
    --md-primary-fg-color--light: #ef4444;
    --md-primary-fg-color--dark:  #991B1B;
    --md-primary-bg-color:        #ffffff;
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.85);

    --md-accent-fg-color:         #DC2626;
    --md-accent-fg-color--transparent: rgba(220, 38, 38, 0.10);
    --md-accent-bg-color:         #ffffff;
    --md-accent-bg-color--light:  rgba(255, 255, 255, 0.85);

    --md-typeset-a-color:         #DC2626;
}

/* Dark scheme — matches the near-black tone used on contact.php / help.php */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color:        #DC2626;
    --md-primary-fg-color--light: #ef4444;
    --md-primary-fg-color--dark:  #991B1B;
    --md-primary-bg-color:        #ffffff;

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

    --md-default-bg-color:        #0a0a0a;
    --md-default-bg-color--light: #1a1a1a;
    --md-default-fg-color:        #ffffff;
    --md-default-fg-color--light: rgba(255, 255, 255, 0.75);
    --md-default-fg-color--lighter: rgba(255, 255, 255, 0.32);
    --md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);

    --md-code-bg-color:           #1a1a1a;

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

/* Headings → Montserrat to match index.php / contact.php / help.php */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__topic,
.md-nav__title {
    font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.md-typeset h1 { font-weight: 900; }

/* Header — slightly more saturated red bar on light, darker tone on slate */
.md-header {
    background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);
}

/* Logo a touch larger to match site presence */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 1.6rem;
    width: auto;
}

/* Tabs underline / hover use the accent red */
.md-tabs__link--active,
.md-tabs__link:hover {
    color: #ffffff;
    opacity: 1;
}

/* Code-block accent stripe */
.md-typeset .highlight pre,
.md-typeset pre > code {
    border-left: 3px solid #DC2626;
}