/* Company Color Palette
 * Midnight Blue: #003057 (Primary - Headers, Navigation)
 * Cerulean: #0088BB (Accent - Links, Interactive)
 * Burnt Orange: #CC6C27 (Highlights, Warnings)
 * Medium Grey: #9EA6B4 (Secondary text, borders)
 * White: #FFFFFF
 * Black: #000000
 */

/* Root color overrides for Material theme */
:root {
    --md-primary-fg-color: #003057;
    --md-primary-fg-color--light: #0088BB;
    --md-primary-fg-color--dark: #002040;
    --md-primary-bg-color: #FFFFFF;
    --md-primary-bg-color--light: #F5F5F5;

    --md-accent-fg-color: #0088BB;
    --md-accent-fg-color--transparent: rgba(0, 136, 187, 0.1);

    /* Links and interactive elements */
    --md-typeset-a-color: #0088BB;

    /* Code blocks */
    --md-code-fg-color: #003057;
    --md-code-bg-color: rgba(158, 166, 180, 0.1);

    /* Admonitions and warnings */
    --md-admonition-fg-color: #003057;
    --md-admonition-bg-color: rgba(158, 166, 180, 0.1);
}

/* Slate scheme specific overrides */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #1a1a1a;
    --md-default-fg-color: #FFFFFF;

    --md-primary-fg-color: #003057;
    --md-primary-fg-color--light: #0088BB;
    --md-primary-bg-color: #1a1a1a;

    --md-accent-fg-color: #0088BB;

    /* Navigation */
    --md-typeset-a-color: #0088BB;

    /* Headers */
    --md-typeset-h1-color: #0088BB;
    --md-typeset-h2-color: #0088BB;
    --md-typeset-h3-color: #9EA6B4;

    /* Code blocks with darker background */
    --md-code-bg-color: rgba(0, 48, 87, 0.2);
    --md-code-fg-color: #0088BB;
}

/* Header customization */
.md-header {
    background-color: #003057 !important;
}

.md-header__title {
    color: #FFFFFF !important;
}

/* Navigation drawer */
.md-nav--primary .md-nav__title {
    background-color: #003057 !important;
}

/* Active navigation items */
.md-nav__link--active {
    color: #0088BB !important;
}

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

/* Table of contents active items */
.md-nav__link--active,
.md-nav__link--passed {
    color: #0088BB !important;
}

/* Search bar */
.md-search__input {
    background-color: rgba(0, 136, 187, 0.1);
    border: 1px solid #9EA6B4;
}

.md-search__input:focus {
    border-color: #0088BB;
}

/* Buttons */
.md-button {
    background-color: #0088BB;
    color: #FFFFFF !important;
    border: none;
}

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

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

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

/* Links */
a {
    color: #0088BB;
}

a:hover {
    color: #CC6C27;
}

/* Admonitions with company colors */
.admonition {
    border-left: 4px solid #0088BB;
}

.admonition.warning,
.admonition.attention,
.admonition.caution {
    border-left-color: #CC6C27;
}

.admonition.note,
.admonition.info {
    border-left-color: #0088BB;
}

.admonition.tip,
.admonition.hint {
    border-left-color: #9EA6B4;
}

/* Code blocks */
.highlight pre {
    background-color: rgba(0, 48, 87, 0.1) !important;
    border-left: 3px solid #0088BB;
}

code {
    background-color: rgba(158, 166, 180, 0.2);
    color: #003057;
}

[data-md-color-scheme="slate"] code {
    background-color: rgba(0, 48, 87, 0.3);
    color: #0088BB;
}

/* Tables */
table {
    border: 1px solid #9EA6B4;
}

th {
    background-color: #003057 !important;
    color: #FFFFFF !important;
}

tr:hover {
    background-color: rgba(0, 136, 187, 0.05);
}

/* Tabs */
.tabbed-set > label {
    color: #9EA6B4;
}

.tabbed-set > label:hover {
    color: #0088BB;
}

.tabbed-set > input:checked + label {
    color: #0088BB;
    border-bottom: 2px solid #0088BB;
}

/* Scrollbars */
::-webkit-scrollbar-thumb {
    background-color: #9EA6B4;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0088BB;
}

/* Make checkboxes more prominent and interactive */
.task-list-control input[type="checkbox"]:not([disabled]) {
    cursor: pointer;
    accent-color: #0088BB;
}

.task-list-control input[type="checkbox"]:not([disabled]):hover {
    transform: scale(1.1);
}

/* Checked tasks with burnt orange accent */
.task-list-control input[type="checkbox"]:checked {
    accent-color: #CC6C27;
}