/* ==========================================================================
   IBM Carbon Design System — Color Tokens for MkDocs Material
   https://carbondesignsystem.com/guidelines/color/overview/
   ========================================================================== */

/* --------------- Light mode (Carbon g10) --------------- */
:root,
[data-md-color-scheme="default"] {
    /* Primary: Carbon Blue 60 */
    --md-primary-fg-color: #0043ce;
    --md-primary-fg-color--light: #4589ff;
    --md-primary-fg-color--dark: #002d9c;

    /* Accent: Carbon Blue 60 */
    --md-accent-fg-color: #0043ce;
    --md-accent-fg-color--transparent: rgba(0, 67, 206, 0.1);

    /* Backgrounds */
    --md-default-bg-color: #ffffff;
    --md-default-bg-color--light: #f4f4f4;

    /* Text */
    --md-typeset-color: #161616;
    --md-typeset-a-color: #0043ce;
}

/* --------------- Dark mode (Carbon g100) --------------- */
[data-md-color-scheme="slate"] {
    /* Primary: Carbon Blue 50 */
    --md-primary-fg-color: #4589ff;
    --md-primary-fg-color--light: #78a9ff;
    --md-primary-fg-color--dark: #002d9c;

    /* Accent: Carbon Blue 40 */
    --md-accent-fg-color: #78a9ff;
    --md-accent-fg-color--transparent: rgba(120, 169, 255, 0.1);

    /* Backgrounds: Carbon g100 */
    --md-default-bg-color: #161616;
    --md-default-bg-color--light: #262626;

    /* Text */
    --md-typeset-color: #f4f4f4;
    --md-typeset-a-color: #78a9ff;
}

/* ==========================================================================
   Header — Carbon UI Shell (Gray 100, 48px)
   ========================================================================== */

.md-header {
    background-color: #161616;
    box-shadow: none;
}

/* ==========================================================================
   Navigation Tabs — Carbon tab style (bottom border indicator)
   ========================================================================== */

.md-tabs {
    background-color: #262626;
}

.md-tabs__link {
    opacity: 1;
    color: #c6c6c6;
}

.md-tabs__link--active {
    color: #ffffff;
    opacity: 1;
    border-bottom: 2px solid #4589ff;
}

.md-tabs__link:hover {
    color: #ffffff;
    opacity: 1;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.md-nav__link--active {
    color: var(--md-accent-fg-color);
    font-weight: 600;
}

/* TOC title */
.md-nav__title {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.32px;
}

/* ==========================================================================
   Admonitions — Carbon notification colors
   ========================================================================== */

.md-typeset .admonition.note,
.md-typeset details.note {
    border-color: #0353e9;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
    border-color: #24a148;
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
    border-color: #f1c21b;
}

.md-typeset .admonition.danger,
.md-typeset details.danger {
    border-color: #da1e28;
}

/* ==========================================================================
   Code — Carbon code-02 (14px)
   ========================================================================== */

.md-typeset code {
    font-size: 0.85em;
}

.md-typeset :not(pre) > code {
    background-color: #e0e0e0;
    color: #161616;
}

[data-md-color-scheme="slate"] .md-typeset :not(pre) > code {
    background-color: #393939;
    color: #f4f4f4;
}

/* ==========================================================================
   Content Tabs — Carbon tab indicator
   ========================================================================== */

.md-typeset .tabbed-labels > label {
    opacity: 1;
}

/* ==========================================================================
   Footer — Carbon Gray 100
   ========================================================================== */

.md-footer {
    background-color: #161616;
}

/* Hide "Made with Material for MkDocs" — keep copyright */
.md-copyright {
    font-size: 0;
}

.md-copyright__highlight {
    font-size: 0.64rem;
}