/*
 * Sharpy Design Language
 * Palette from logo: #8154BF, #492A8C, #3F8EBF, #4AD9D9, #0D0D0D
 */

/* ── Light mode (default scheme) ── */
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #492A8C;
    --md-primary-fg-color--light: #8154BF;
    --md-primary-fg-color--dark: #3A1F73;
    --md-primary-bg-color: #FFFFFF;
    --md-accent-fg-color: #3F8EBF;
    --md-accent-fg-color--transparent: rgba(63, 142, 191, 0.12);
    --md-default-bg-color: #FFFFFF;
    --md-default-fg-color: #1A1A1A;
    --md-default-fg-color--light: #606068;
    --md-default-fg-color--lighter: #909098;
    --md-default-fg-color--lightest: rgba(26, 26, 26, 0.06);
    --md-code-bg-color: #F4F4F6;
    --md-code-fg-color: #1A1A1A;
    --md-typeset-color: #1A1A1A;
}

/* ── Dark mode (slate scheme) ── */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #8154BF;
    --md-primary-fg-color--light: #9A6FD6;
    --md-primary-fg-color--dark: #492A8C;
    --md-primary-bg-color: #D0D0DC;
    --md-accent-fg-color: #4AD9D9;
    --md-accent-fg-color--transparent: rgba(74, 217, 217, 0.12);
    --md-default-bg-color: #0D0D0D;
    --md-default-fg-color: #D0D0DC;
    --md-default-fg-color--light: #808090;
    --md-default-fg-color--lighter: #606068;
    --md-default-fg-color--lightest: rgba(208, 208, 220, 0.06);
    --md-code-bg-color: #161618;
    --md-code-fg-color: #D0D0DC;
    --md-typeset-color: #D0D0DC;
}

/* ── Header ── */
.md-header {
    background-color: var(--md-primary-fg-color);
}

/* ── Navigation tabs (if enabled) ── */
.md-tabs {
    background-color: var(--md-primary-fg-color--dark);
}

/* ── Links ── */
.md-typeset a {
    color: var(--md-accent-fg-color);
}

.md-typeset a:hover {
    color: var(--md-primary-fg-color--light);
}

[data-md-color-scheme="slate"] .md-typeset a {
    color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
    color: var(--md-primary-fg-color--light);
}

/* ── Code blocks ── */
.md-typeset code {
    border-radius: 4px;
}

.md-typeset pre > code {
    border-radius: 6px;
}

/* ── Inline code ── */
[data-md-color-scheme="default"] .md-typeset code {
    background-color: #EEEEF2;
    color: #492A8C;
}

[data-md-color-scheme="slate"] .md-typeset code {
    background-color: #1E1E22;
    color: #9A6FD6;
}

/* Code inside links should inherit link color */
.md-typeset a code {
    color: inherit;
}

/* ── Admonitions ── */
.md-typeset .admonition,
.md-typeset details {
    border-radius: 6px;
}

/* ── Tables ── */
.md-typeset table:not([class]) th {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
    background-color: var(--md-primary-fg-color--dark);
}

/* ── Search ── */
.md-search__input {
    border-radius: 6px;
}

/* ── Content width ── */
.md-content {
    max-width: 960px;
}

/* ── Footer ── */
.md-footer {
    background-color: var(--md-primary-fg-color--dark);
}

[data-md-color-scheme="slate"] .md-footer {
    background-color: #080808;
}

/* ── Sidebar active indicator ── */
.md-nav__link--active {
    color: var(--md-accent-fg-color) !important;
}

/* ── Scrollbar (dark mode) ── */
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
    background-color: #2A2A30;
    border-radius: 4px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
    background-color: #0D0D0D;
}