/* ═══════════════════════════════════════════════════════════════
   ILLUMINATE AI — main.css (Legacy Wrapper)
   Imports unified design system for pages that reference main.css
   ═══════════════════════════════════════════════════════════════ */

@import '/css/design-system.css';
@import '/css/unified-sidebar.css';
@import '/css/unified-layout.css';

/* Legacy auth container (used by some auth pages) */
.auth-container {
    max-width: 420px;
    margin: 10vh auto;
    padding: var(--space-8);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
}

.auth-container h2 {
    text-align: center;
    margin-bottom: var(--space-6);
}