:root > * {
    /* UC Merced navy blue */
    --md-primary-fg-color: #002856;
    /* primary */
    --md-primary-fg-color--light: #002856;
    /* lighter */
    --md-primary-fg-color--dark: #002856;
    /* darker */

    /* --md-default-bg-color--dark: #002856; */

    /* Accent (gold) optional */
    --ucm-gold: #DAA900;
}

[data-md-color-scheme="default"] {
    /* In light mode, use primary colors */
    --md-accent-fg-color: var(--ucm-gold);
    --md-mermaid-node-bg-color: #f8e6a0;
}

[data-md-color-scheme="slate"] {
    /* In dark mode, swap primary and accent colors */
    --md-default-bg-color: var(--md-primary-fg-color);
    /* --md-default-bg-color: #122e52; */
    --md-default-code-bg-color: #173763;
    --md-code-bg-color: #173763;
    --md-accent-fg-color: #f18a00;
    --md-typeset-a-color: var(--ucm-gold) !important;
}

/* Optional: tweak logo size in header */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    height: 28px;
}

.md-header {
    /* background-color: var(--md-primary-fg-color); */
    /* color: white; */
    /* border-bottom: #DAA900 4px solid; */
}

/* Apply style to header in light mode only */
[data-md-color-scheme="default"] .md-header {
    background-color: var(--md-primary-fg-color);
    color: white;
    border-bottom: #DAA900 4px solid;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] .md-header {
    background-color: var(--ucm-gold);
    color: var(--md-primary-fg-color);
    border-bottom: var(--md-primary-fg-color) 4px solid;
}

/* Load Bebas Neue from local assets */
/* @font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue.woff') format('woff'),
        url('../fonts/BebasNeue.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 1.2rem;
} */

/* Apply Bebas Neue to the header title only */
/* .md-header__title,
.md-header__title .md-ellipsis,
.md-header__title a {
    font-family: 'Bebas Neue', var(--md-text-font, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif);
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 1.2rem;
} */
/* Load Bebas Neue from local assets */
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue.woff') format('woff'),
        url('../fonts/BebasNeue.ttf') format('truetype');
    /* font-weight: 400; */
    font-style: normal;
    font-display: swap;
    font-size: 1.2rem;
}

/* Apply Bebas Neue to the header title only */
.md-header__title,
.md-header__title .md-ellipsis,
.md-header__title a {
    font-family: 'Bebas Neue', var(--md-text-font, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif);
    /* font-weight: 400; */
    letter-spacing: 0.5px;
    font-size: 1.2rem;
}

/* docs/stylesheets/extra.css */
.project-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.project-card .md-button {
  margin-top: 0.5em;
  margin-right: 0.5em;
}