/* skillsaw custom theme — sawblade steel with spark orange accents */

:root,
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #78909c;
    --md-primary-fg-color--light: #90a4ae;
    --md-primary-fg-color--dark: #546e7a;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3;

    --md-accent-fg-color: #4fc3f7;
    --md-accent-fg-color--transparent: #4fc3f720;
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: #ffffffb3;

    --md-typeset-a-color: #4fc3f7;
}

/* Cool dark background */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #1a1c1e;
    --md-default-bg-color--light: #1a1c1e80;
    --md-default-bg-color--lighter: #1a1c1e33;
    --md-default-bg-color--lightest: #1a1c1e0d;
}

/* Code blocks — blue-gray tinted */
[data-md-color-scheme="slate"] .md-typeset code {
    background-color: #263238;
}

[data-md-color-scheme="slate"] .highlight .hll {
    background-color: #37474f;
}

/* Sidebar styling */
[data-md-color-scheme="slate"] .md-sidebar {
    background-color: #1e2124;
}

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

.md-nav__item--nested > .md-nav__link {
    font-weight: 600;
}

/* Indent nested nav levels */
.md-nav--primary .md-nav__item--nested .md-nav .md-nav__item {
    padding-left: 0.6rem;
}

.md-nav--primary .md-nav__item--nested .md-nav .md-nav__item--nested .md-nav .md-nav__item {
    padding-left: 0.6rem;
}

/* Header bar — steel blue-gray */
[data-md-color-scheme="slate"] .md-header {
    background-color: #263238;
}

/* Header — vertically center logo + title together */
.md-header__inner {
    align-items: center;
}

/* Header logo — 25% larger */
.md-header .md-logo {
    display: flex;
    align-items: center;
    margin-right: -0.3rem;
}

.md-header .md-logo img {
    height: 2.5rem;
    width: auto;
}

/* Header title — replace text with logo-text image */
.md-header__title {
    display: flex;
    align-items: center;
}

.md-header__topic:first-child .md-ellipsis {
    font-size: 0;
    display: block;
    background: url("../images/logo-text.png") no-repeat left center;
    background-size: contain;
    height: 1.5rem;
    min-width: 7rem;
    position: relative;
    top: 5px;
}

/* Hero section on landing page */
.md-content [style*="text-align: center"] h1 {
    font-size: 3rem;
    font-weight: 800;
    background: linear-gradient(135deg, #80deea 0%, #4fc3f7 40%, #29b6f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
}

/* Feature grid cards */
.md-typeset .grid.cards > ul > li {
    border: 1px solid #37474f;
    border-radius: 8px;
    transition: border-color 0.2s, transform 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
    border-color: var(--md-accent-fg-color);
    transform: translateY(-2px);
}

/* Buttons */
.md-typeset .md-button--primary {
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    color: #1a1c1e;
}

.md-typeset .md-button--primary:hover {
    background-color: #29b6f6;
    border-color: #29b6f6;
}

.md-typeset .md-button:not(.md-button--primary) {
    border-color: #78909c;
    color: #90a4ae;
}

.md-typeset .md-button:not(.md-button--primary):hover {
    border-color: #4fc3f7;
    color: #4fc3f7;
}

/* Tables — Rule ID column */
.md-typeset table:not([class]) td:first-child {
    white-space: nowrap;
}

/* Tables — steel headers */
.md-typeset table:not([class]) th {
    background-color: #263238;
    color: #4fc3f7;
    font-weight: 600;
}

.md-typeset table:not([class]) tr:hover td {
    background-color: #26323840;
}

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
    border-color: #546e7a;
}

/* Onboarding admonition — sparkle gradient */
.md-typeset .admonition.tip {
    border-color: #4fc3f7;
    background: linear-gradient(135deg, #1a2a3020 0%, #1a3a4a30 100%);
}

.md-typeset .admonition.tip > .admonition-title {
    background-color: #4fc3f718;
    font-size: 1.05em;
}

.md-typeset .admonition.tip > .admonition-title::before {
    background-color: #4fc3f7;
}

/* Onboarding step icons */
.step-icon {
    color: #4fc3f7;
}

/* Onboarding step table — borderless, compact */
.md-typeset .admonition.tip table {
    border: none;
    background: transparent;
    margin-top: 0.4rem;
    margin-bottom: 0;
}

.md-typeset .admonition.tip table th {
    display: none;
}

.md-typeset .admonition.tip table td {
    border: none;
    padding: 0.25em 0.5em;
    background: transparent;
}

.md-typeset .admonition.tip table tr:hover td {
    background: transparent;
}

/* Tabs */
.md-typeset .tabbed-labels > label.tabbed-alternate--active {
    color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
}

/* Search highlight */
.md-search-result mark {
    background-color: #4fc3f740;
    color: #4fc3f7;
}

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

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: #546e7a;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4fc3f7;
}