/* static/css/main.css */
body {
    font-family: var(--font-body), sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    font-family: var(--font-heading), sans-serif;
    color: var(--color-primary);
}

.skip-to-content {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--color-accent);
    color: white;
    padding: 8px;
    z-index: 100;
}

.skip-to-content:focus {
    top: 0;
}

main {
    padding: 2rem;
}

footer {
    background: var(--color-secondary);
    color: white;
    padding: 1rem;
    text-align: center;
}