/* Import Roboto font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Apply Roboto font to entire site */
* {
    font-family: 'Roboto', sans-serif !important;
}

/* Custom header color */
.md-header {
    background-color: #3d0064 !important;
}

/* Ensure header elements maintain proper contrast */
.md-header__button {
    color: rgba(255, 255, 255, 0.87) !important;
}

.md-header__title {
    color: rgba(255, 255, 255, 0.87) !important;
}

.md-header__source {
    color: rgba(255, 255, 255, 0.87) !important;
}

.md-nav--primary .md-nav__title[for=__drawer] {
    background-color: #3d0064 !important;
    color: white !important;
}

/* Make header logo bigger */
.md-header__logo {
    width: auto !important;
    height: 50px !important;
}

.md-header__logo img {
    width: auto !important;
    height: 50px !important;
    object-fit: contain !important;
}

/* Fix tabs color to black */
.md-tabs {
    background-color: black !important;
}

.md-tabs__link {
    color: white !important;
    font-weight: bold !important;
}

.md-tabs__link:hover {
    color: rgba(255, 255, 255, 0.87) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.md-tabs__link--active {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    font-weight: bold !important;
}