/* Material Symbols Rounded Font */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* Root styles */
@font-face {
    font-family: "Aptos";
    src: url('../assets/fonts/Aptos.ttf');
}

:root {
    --md-text-font: "Aptos";
}

:root  > * {
    --md-primary-fg-color: #8266FF;
    --md-accent-fg-color: #433a81;
}

/* Adjust the base font size for the entire document */
html {
    font-size: 20px; /* Set your desired base font size */
}

[data-md-color-scheme="default"] {
    .md-header {
        background-color: #FFFFFF;
        color: #00364A;

        .md-search__form {
            background-color: transparent;
            border-color: #00000040;
        }

        .md-search__form:hover {
            box-shadow: 0 0 0.5rem rgba(0, 123, 255, 0.3);
        }

        .md-search__icon {
            color: #00000061;
        }

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

    .md-sidebar {
        .md-nav__title,
        .md-nav__item--section > .md-nav__link {
            color: #00364A;
        }
    }

    .md-content {
        background-color: #DAE6F0;

        .md-content__inner {
            background-color: #FFFFFF;
        }

        .md-content__inner h1 {
            color: #00364A;
        }
    }
}

[data-md-color-scheme="slate"] {
    .md-header {
        background-color: #1E2129FF;
        color: #F3EFF5;

        .md-search__form {
            background-color: transparent;
            border-color: #F3EFF5;
        }

        .md-search__form:hover {
            box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.4);
        }

        .md-search__icon {
            color: #F3EFF5;
        }

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

    .md-sidebar {
        .md-nav__title,
        .md-nav__item--section > .md-nav__link {
            color: #F3EFF5;
        }
    }

    .md-content {
        background-color: #2A2542;

        .md-content__inner {
            background-color: #1E2129FF;
        }

        .md-content__inner h1 {
            color: #F3EFF5;
        }
    }
}

.md-header {
    .md-header__button.md-logo {
        min-width: 13rem;
        margin: 0;

        img {
            height: 2.5rem;
        }
    }

    .md-header__topic {
        font-weight: 700;
    }

    .md-header__option {
        margin-right: 1rem;
    }

    .md-search__form {
        border: 0.08rem solid;
        border-radius: 0.5rem;
    }

    .md-search__input::placeholder {
        font-weight: 600;
    }
}

.md-grid {
    max-width: calc(100vw - 2rem); /* Set your desired maximum width */
    margin-top: 0;

    .md-sidebar .md-nav {
        font-size: 0.75rem;
    }

    .md-content {
        min-height: calc(100vh - 11.3rem);

        .md-content__inner {
            margin: 1.2rem;
            padding: 1rem;
            border-radius: 0.4rem;
        }
    }
}

/* Adjust padding and borders for table headers and cells */
.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
    padding: 0.2rem 0.5rem; /* Vertical and horizontal padding */
    border: 0.05rem solid var(--md-typeset-table-color);
    border-spacing: 0;
    border-bottom: none;
    border-left: none;
    border-top: none;
}

/* Set line height for tables */
.md-typeset__table {
    line-height: 1;
}

/* Set font size for tables */
.md-typeset__table table:not([class]) {
    font-size: 0.75rem;
    border-right: none;
}

/* Set padding for table cells */
.md-typeset__table table:not([class]) td,
.md-typeset__table table:not([class]) th {
    padding: 0.5rem;
}

/* Light mode: alternate row background colors */
.md-typeset__table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

/* Dark mode: alternate row background colors */
[data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
    background-color: hsla(var(--md-hue), 25%, 25%, 1);
}

/* Material Symbols Rounded Styles */
.material-symbols-rounded {
    font-size: 1rem !important;
    vertical-align: text-bottom;
}

/* Icons styles */
.green-icon {
    color: #00BE16;
}

.yellow-icon {
    color: #FFDC49;
}

.red-icon {
    color: #D00000;
}

.purple-icon {
    color: #8E24AA;
}

.blue-icon {
    color: #0C27F4;
}

.gray-icon {
    color: #7C7C7C;
}

/* Text styles */
.green-text {
    color: #00BE16;
}

.yellow-text {
    color: #FFDC49;
}

.red-text {
    color: #D00000;
}

.purple-text {
    color: #8E24AA;
}

.blue-text {
    color: #0C27F4;
}

.gray-text {
    color: #7C7C7C;
}