/**
 * app.css — Global app styles
 * Layout primitives used across the app shell.
 */

/* ─── Loading screen ───────────────────────────────────────── */

.app-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: var(--space-8);
}

.app-loading h1 {
    font-size: var(--text-48);
    font-weight: 700;
}

.app-loading p {
    font-size: var(--text-16);
}

/* ─── App shell layout ─────────────────────────────────────── */

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

.app-shell__content {
    flex: 1;
    padding: var(--space-32);
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}