/* Brand tokens */
:root {
    --hero: #eb1000;
    --light-neutral: #ffffff;
    --dark-neutral: #000000;
    --accent: #00dbeb;
    --light-neutral-1: #e6f1f2;
    --light-neutral-2: #fdfdfd;
}

/* ── Light scheme ─────────────────────────────────────────── */
[data-md-color-scheme="default"] {
    /* Primary (hero red) */
    --md-primary-fg-color: var(--hero);
    --md-primary-fg-color--light: #f04434;
    --md-primary-fg-color--dark: #b50c00;
    --md-primary-bg-color: var(--light-neutral);
    --md-primary-bg-color--light: var(--light-neutral);

    /* Accent (cyan) */
    --md-accent-fg-color: var(--accent);
    --md-accent-fg-color--transparent: rgba(0, 219, 235, 0.12);
    --md-accent-bg-color: var(--dark-neutral);

    /* Page background */
    --md-default-bg-color: var(--light-neutral-2);

    /* Subtle tinted surfaces (code blocks, table headers, admonitions) */
    --md-code-bg-color: var(--light-neutral-1);
}

/* ── Dark scheme ──────────────────────────────────────────── */
[data-md-color-scheme="slate"] {
    /* Primary (hero red) */
    --md-primary-fg-color: var(--hero);
    --md-primary-fg-color--light: #f04434;
    --md-primary-fg-color--dark: #b50c00;
    --md-primary-bg-color: var(--light-neutral);
    --md-primary-bg-color--light: var(--light-neutral);

    /* Accent (cyan) */
    --md-accent-fg-color: var(--accent);
    --md-accent-fg-color--transparent: rgba(0, 219, 235, 0.12);
    --md-accent-bg-color: var(--dark-neutral);
}

/* ── Navigation tabs: ensure white text on red bar ───────── */
.md-header,
.md-tabs {
    background-color: var(--hero);
    color: var(--light-neutral);
}

.md-tabs__link,
.md-header__title {
    color: var(--light-neutral) !important;
    opacity: 0.85;
}

/* Active tab underline in accent cyan */
.md-tabs__link--active,
.md-tabs__link:hover {
    color: var(--light-neutral) !important;
    opacity: 1;
}

.md-tabs__indicator {
    background-color: var(--accent);
}

/* ── Links use accent cyan on hover ──────────────────────── */
.md-content a:hover {
    color: #009dab; /* slightly darker cyan for readability on white */
}

/* ── Table header tint ───────────────────────────────────── */
.md-typeset table:not([class]) th {
    background-color: var(--light-neutral-1);
}