/* Footer - Minimal */
.app-footer {
    padding: 2rem 1.5rem;
    border-top: none;
    margin-top: auto;
}

.app-footer-content {
    max-width: var(--container-max-width);
    margin: 0 auto;
    font-family: var(--font-family-sans);
    font-size: var(--font-size-sm);
    /* 0.875rem / 14px */
    color: var(--text-muted);
    text-align: center;
}

.app-footer-copyright {
    color: var(--text-muted);
}

.app-footer-separator {
    margin: 0 0.5rem;
    color: var(--text-light);
}

.app-footer-link {
    color: var(--text-primary);
    text-decoration: none;
    transition: none;
}

.app-footer-link:hover {
    color: var(--text-primary);
    text-decoration: underline;
}

/* Footer inside container - Lighter weight, quiet coda */
.app-footer--container {
    padding: 2rem 0 0 0;
    margin-top: var(--spacing-3xl);
    /* Extra space above to separate from content */
    border-top: none;
    margin-bottom: 0;
}

.app-footer--container .app-footer-content {
    max-width: 100%;
    /* Don't constrain width inside container */
    font-size: var(--font-size-xs);
    /* 0.75rem / 12px - smaller for quiet presence */
    color: var(--text-muted);
    opacity: 0.7;
    /* Reduce visual weight */
}

.app-footer--container .app-footer-link {
    color: var(--text-muted);
    /* Muted color instead of primary */
}

.app-footer--container .app-footer-link:hover {
    color: var(--text-secondary);
    /* Slightly darker on hover */
    text-decoration: underline;
}

.app-footer--container .app-footer-copyright {
    color: var(--text-muted);
    opacity: 0.7;
}

.app-footer--container .app-footer-separator {
    color: var(--text-muted);
    opacity: 0.5;
}