/* ============================================================
   Eventstation Helpcenter – Custom Material Theme Colors
   ============================================================ */

/* Root palette overrides */
:root {
    /* Primary color */
    --md-primary-fg-color: #ffffff;
    --md-primary-bg-color: #121212;

    /* Accent (secondary) color */
    --md-accent-fg-color: #9450FF;

    /* Background */
    --md-default-bg-color: #121212;
    --md-footer-bg-color: #121212;

    /* Default text on dark background */
    --md-default-fg-color: #ffffff;
    --md-default-fg-color--light: #e0e0e0;
    --md-default-fg-color--lighter: #cccccc;
}

/* ============================================================
   Header / Navigation Bar
   ============================================================ */

.md-header {
    background-color: #121212 !important;
    color: #ffffff !important;
}

.md-header__title,
.md-header__button,
.md-header__button svg {
    color: #ffffff !important;
}

/* Hamburger icon */
.md-nav__icon {
    color: #ffffff !important;
}

/* ============================================================
   Sidebar
   ============================================================ */

.md-sidebar,
.md-sidebar--primary {
    background-color: #121212 !important;
}

.md-nav__item a {
    color: #e0e0e0 !important;
}

.md-nav__item a:hover,
.md-nav__item--active > a {
    color: #9450FF !important;
}

/* ============================================================
   Links & Accent Elements
   ============================================================ */

a,
.md-typeset a {
    color: #9450FF !important;
}

a:hover {
    opacity: 0.8;
}

/* ============================================================
   Content Area
   ============================================================ */

.md-content {
    background-color: #121212 !important;
}

.md-typeset {
    color: #ffffff !important;
}

/* Headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
    color: #ffffff !important;
}

/* Code blocks */
.md-typeset code,
.codehilite {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

/* Tables */
.md-typeset table {
    color: #ffffff !important;
}

.md-typeset table th {
    background-color: #1a1a1a !important;
}

.md-typeset table td {
    background-color: #181818 !important;
}