:root {
    --aa-navy: #1E2329;
    --aa-gray: #4A4F57;
    --aa-gold: #FFD66B;
    --aa-light: #F5F6F7;
}

/* Base styles */
body {
    font-family: 'Ubuntu', sans-serif;
    color: var(--aa-navy);
    background-color: var(--aa-light);
}

a {
    color: var(--aa-navy);
}

pre, code {
    font-family: 'JetBrains Mono', monospace;
}

.top-banner {
    background-color: var(--aa-gold);
    height: 0.5rem;
    width: 100%;
}

/* Update button styling */
.is-primary-apex {
    background-color: var(--aa-gold);
    padding: 0.75rem 1.5rem;
    display: inline-block;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
}

.is-primary-apex:hover {
    background-color: var(--aa-navy);
    color: var(--aa-gold);
}

/* Buttons */
.is-primary-apex {
    background-color: var(--aa-gold);
    border: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
    padding: 1em;
}

.is-primary-apex:hover {
    background-color: var(--aa-navy);
    color: var(--aa-gold);
}

/* Remove all border-radius styling */
.card,
.post-image,
.article-card,
.article-image,
.is-primary-apex,
.panel-heading,
.toc,
.navbar-menu.is-active,
.button {
    border-radius: 0;
}

/* Update content styling for blockquotes and pre */
.content pre {
    border-radius: 0;
}

/* Update panel styling */
.panel-heading {
    border-radius: 0;
}

.toc {
    border-radius: 0;
}

/* Fix Prism syntax highlighting conflict with Bulma */
.token.number, code .number {
    display: inline;
    background-color: transparent;
    border-radius: 0;
    height: auto;
    min-width: auto;
    padding: 0;
    margin: 0;
    font-size: inherit;
    text-align: left;
    vertical-align: baseline;
}

/* Media Queries */
@media screen and (min-width: 1024px) {
    .navbar {
        min-height: 5rem;
    }
}