/* App Layout Styles */

body {
    padding-top: 76px;
    font-family: var(--font-family-base);
    color: var(--text-dark);
}

.app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-content {
    flex: 1;
    padding: var(--spacing-xl) 0;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    body {
        padding-top: 60px;
    }
}