/* Kanagawa Theme for MkDocs Material */
/* Custom color scheme: dark brown header, lighter brown content */

:root {
    /* Background colors */
    --md-default-bg-color: #1a1816;
    --md-default-bg-color--light: #1f1b18;
    --md-default-bg-color--lighter: #2a2420;
    --md-default-bg-color--lightest: #2d2535;

    /* Code block backgrounds */
    --md-code-bg-color: #141210;
    --md-code-fg-color: #e8e0d8;

    /* Text colors */
    --md-default-fg-color: #e8e0d8;
    --md-default-fg-color--light: #c8c0b8;
    --md-default-fg-color--lighter: #a89890;
    --md-default-fg-color--lightest: #787068;

    /* Primary color - reduced pink, more neutral */
    --md-primary-fg-color: #d8c0a8;
    --md-primary-fg-color--light: #e8d0b8;
    --md-primary-fg-color--dark: #c8b098;

    /* Accent color - PINK for hovers */
    --md-accent-fg-color: #f8c8d8;
    --md-accent-fg-color--transparent: #f8c8d81a;

    /* Link colors - PINK but controlled */
    --md-typeset-a-color: #f8c8d8;

    /* Footer */
    --md-footer-bg-color: #0d0b0a;
    --md-footer-bg-color--dark: #080706;

    /* Table colors */
    --md-typeset-table-color: #e8e0d8;

    /* Admonition colors */
    --md-admonition-bg-color: #141210;

    /* Keyboard keys */
    --md-typeset-kbd-color: #141210;
    --md-typeset-kbd-accent-color: #e8e0d8;
    --md-typeset-kbd-border-color: #2d2535;
}

/* Slate scheme specific overrides */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #1a1816;
    --md-default-fg-color: #e8e0d8;
    --md-primary-fg-color: #d8c0a8;
    --md-accent-fg-color: #f8c8d8;

    /* Header/Typeset */
    --md-typeset-color: #e8e0d8;

    /* Links - PINK */
    --md-typeset-a-color: #f8c8d8;

    /* Code blocks */
    --md-code-bg-color: #141210;
    --md-code-hl-color: #2a242040;
    --md-code-hl-number-color: #f0d0b8;
    --md-code-hl-special-color: #f0b0c0;
    --md-code-hl-function-color: #f0b0c0;
    --md-code-hl-constant-color: #f0d0b8;
    --md-code-hl-keyword-color: #f8c8d8;
    --md-code-hl-string-color: #c8f0c8;
    --md-code-hl-name-color: #e8e0d8;
    --md-code-hl-operator-color: #d8c0a8;
    --md-code-hl-punctuation-color: #e8e0d8;
    --md-code-hl-comment-color: #787068;
    --md-code-hl-generic-color: #a89890;
    --md-code-hl-variable-color: #e8e0d8;
}

/* Header/Top bar - DARK BROWN almost BLACK */
.md-header {
    background-color: #0d0b0a !important;
    color: #e8e0d8;
}

/* Title bar */
.md-header__title {
    color: #e8e0d8;
}

/* Navigation tabs in header */
.md-tabs {
    background-color: #0d0b0a !important;
}

.md-tabs__link {
    color: #a89890;
}

.md-tabs__link--active {
    color: #c8f0c8 !important;
    border-bottom-color: #c8f0c8 !important;
}

.md-tabs__link:hover {
    color: #f8c8d8;
}

/* Search bar in header */
.md-search__form {
    background-color: #141210;
}

/* Main content area */
.md-main {
    background-color: #1a1816;
}

.md-content {
    background-color: #1a1816;
}

/* Sidebar navigation */
.md-sidebar {
    background-color: #1a1816;
}

/* Navigation links */
.md-nav__link {
    color: #c8c0b8;
}

.md-nav__link--active {
    color: #f5fdf5 !important;
    font-weight: 500;
}

.md-nav__link:hover {
    color: #f8c8d8 !important;
}

/* Section titles in navigation */
.md-nav__title {
    color: #f8c8d8 !important;
    font-weight: 600;
}

/* Remove blue indicator from active navigation items */
.md-nav__item--active > .md-nav__link {
    color: #f5fdf5 !important;
}

.md-nav__item .md-nav__link--active {
    color: #f5fdf5 !important;
}

/* Search */
.md-search__input {
    background-color: #141210;
    color: #e8e0d8;
    border-color: #2d2535;
}

.md-search__input::placeholder {
    color: #787068;
}

/* Tables */
.md-typeset table:not([class]) {
    border-color: #2d2535;
    background-color: #141210;
}

.md-typeset table:not([class]) th {
    background-color: #0d0b0a;
    color: #f0d0b8;
    font-weight: 600;
}

.md-typeset table:not([class]) td {
    border-color: #2d2535;
}

/* Inline code */
.md-typeset code {
    background-color: #141210;
    color: #d8c0a8;
    border-color: #2d2535;
}

/* Headers/Headings - Warm neutral tones */
.md-typeset h1 {
    color: #f0d0b8;
    font-weight: 700;
    border-bottom: 1px solid #2d2535;
}

.md-typeset h2 {
    color: #f0d0b8;
    font-weight: 600;
}

.md-typeset h3 {
    color: #d8c0a8;
    font-weight: 600;
}

.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    color: #c8c0b8;
    font-weight: 500;
}

/* Links - GREEN for content area links only */
.md-content .md-typeset a {
    color: #c8f0c8 !important;
}

.md-content .md-typeset a:hover {
    color: #f8c8d8 !important;
    text-decoration: underline !important;
}

.md-content .md-typeset a:focus {
    color: #f8c8d8 !important;
}

.md-content .md-typeset a:visited {
    color: #c8f0c8 !important;
}

.md-content .md-typeset a:visited:hover {
    color: #f8c8d8 !important;
}

/* Admonitions - less pink */
.md-typeset .admonition {
    background-color: #141210;
    border-left: 4px solid #d8c0a8;
}

.md-typeset .admonition-title {
    background-color: #1a161450;
    color: #f0d0b8;
    font-weight: 600;
}

/* Note admonition - light pink like active navigation */
.md-typeset .admonition.note {
    background-color: #141210;
    border: 1px solid #f8c8d8;
    border-left: 4px solid #f8c8d8;
}

.md-typeset .admonition.note > .admonition-title {
    background-color: #1a161450;
    color: #f8c8d8;
}

/* Pink icon for note */
.md-typeset .admonition.note > .admonition-title::before {
    background-color: #f8c8d8;
}

/* Buttons */
.md-button {
    color: #e8e0d8;
    background-color: #141210;
    border: 1px solid #2d2535;
}

.md-button:hover {
    background-color: #1a1816;
    border-color: #d8c0a8;
}

.md-button--primary {
    background-color: #d8c0a8;
    color: #0d0b0a;
    border: none;
}

.md-button--primary:hover {
    background-color: #e8d0b8;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #2a252060;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #3a342d80;
}

::-webkit-scrollbar-track {
    background-color: #141210;
}

/* Footer */
.md-footer {
    background-color: #0d0b0a;
}

.md-footer-meta {
    background-color: #080706;
}

/* Blockquotes */
.md-typeset blockquote {
    border-left: 4px solid #d8c0a8;
    background-color: #14121020;
    color: #c8c0b8;
}

/* Horizontal rule */
.md-typeset hr {
    border-bottom: 1px solid #2d2535;
}

/* Lists */
.md-typeset ul,
.md-typeset ol {
    color: #e8e0d8;
}

/* Strong/Bold text */
.md-typeset strong {
    color: #e8d0b8;
    font-weight: 600;
}

/* Emphasis/Italic */
.md-typeset em {
    color: #c8f0c8;
}

/* Force pink color for section titles in sidebar */
.md-nav--primary .md-nav__title,
.md-nav--secondary .md-nav__title,
.md-sidebar .md-nav__title,
.md-nav__item--section > .md-nav__link,
.md-nav__item--section .md-nav__link[for],
label.md-nav__link[for],
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
    color: #f8c8d8 !important;
    font-weight: 600;
}

/* Section labels hover */
label.md-nav__link[for]:hover {
    color: #f8c8d8 !important;
    opacity: 0.9;
}

/* Prevent active state from affecting section labels */
.md-nav__item--active > label.md-nav__link[for] {
    color: #f8c8d8 !important;
}

/* Prevent last item from being green by default */
.md-nav__item:last-child .md-nav__link:not(.md-nav__link--active):not([for]) {
    color: #c8c0b8 !important;
}

/* Ensure section labels in last item stay pink */
.md-nav__item:last-child > label.md-nav__link[for] {
    color: #f8c8d8 !important;
}