/* ==========================================================================
   T&T Stock Market
   CORE-002 — Layout System
   File: assets/css/layout.css
   ========================================================================== */

.app {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    background: var(--color-background);

}

/* ==========================================================
   HEADER
   ========================================================== */

.app-header {

    height: var(--header-height);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 var(--space-24);

    background: var(--color-background);

    border-bottom: 1px solid var(--color-border);

}

/* ==========================================================
   MAIN
   ========================================================== */

.app-main {

    flex: 1;

    width: 100%;

    max-width: var(--content-max-width);

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    gap: var(--space-16);

    padding: var(--space-20);

}

/* ==========================================================
   FOOTER
   ========================================================== */

.app-footer {

    border-top: 1px solid var(--color-border);

    padding: var(--space-20);

    color: var(--color-text-muted);

    font-size: var(--font-sm);

}