/* Minimal Footer Styles */
#footer {
    background-color: var(--primary);
    color: var(--on-primary);
    border-top: 1px solid var(--outline-variant);
    font-family: var(--font-body);
}

.footer-branding span {
    font-family: var(--font-display);
    letter-spacing: 0.1em;
    font-size: 0.85rem;
}

.footer-branding small {
    font-size: 0.75rem;
}

.footer-copyright small {
    font-size: 0.7rem;
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.1em;
}

/* Ensure the page stretches to full height for sticky footer effect */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main, .container-fluid.branding-area {
    flex-shrink: 0;
}

/* Add some contrast to the secondary text in dark mode */
#footer .text-secondary {
    color: var(--primary-container) !important;
    opacity: 0.8;
}