/* static/css/etax_theme.css */

/* Brand font (same as index.html) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #0B2D3A;
}

/* Soft app background similar to index main area */
.app-background {
    background: radial-gradient(circle at top, #ffffff 0, #F5F7FA 45%, #DDE7ED 100%);
}

/* Auth container styling */
.auth-shell {
    border-radius: 24px;
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 18px 45px rgba(11, 45, 58, 0.20),
        0 0 0 1px rgba(208, 215, 226, 0.7);
    border: 1px solid rgba(208, 215, 226, 0.9);
}

/* Left brand panel (same palette as sidebar) */
.auth-side {
    background: linear-gradient(to bottom, #0B2D3A, #081C25, #050F16);
    color: #E5EDF5;
}

/* Tiny helper if you ever need subtle separators */
.auth-divider {
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(228,169,41,0.6), transparent);
}