body {
    background-color: var(--color-background);
    color: var(--color-text-primary);
    font-family: var(--font-primary);
}

#app-layout {
    display: grid;
    grid-template-columns: var(--sidebar-width) 1fr;
    grid-template-rows: var(--header-height) 1fr;
    grid-template-areas:
        "sidebar header"
        "sidebar main";
    height: 100vh;
    overflow: hidden;
}

#sidebar-container {
    grid-area: sidebar;
}

#header-container {
    grid-area: header;
}

#main-content {
    grid-area: main;
    overflow-y: auto;
    padding: 1.5rem 2rem;
}