/* ===========================================================
   WriterHollow - Global Styles
   =========================================================== */

body {
    background: #fffbe6; /* pale paper yellow */
    font-family: "Inter", "Helvetica", "Arial", sans-serif;
}

/* Auth (login/signup) containers */
.auth-container {
    max-width: 420px;
    margin: 80px auto;
    padding: 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow:
            0 4px 8px rgba(0,0,0,0.04),
            0 2px 4px rgba(0,0,0,0.06);
}

/* Dashboard container spacing */
.main-container {
    padding: 40px 20px;
}

/* Writer editor spacing (chapter_edit) */
.editor-container {
    padding: 20px;
}



html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}



.navbar {
    background-color: #fdfdfd !important;   /* soft white */
    border-bottom: 2px solid #1f1f1f !important;  /* strong separation line */
}

/* Darker nav links for contrast */
.navbar .nav-link,
.navbar .navbar-brand {
    color: #222 !important;
}

.navbar .nav-link:hover {
    color: #000 !important;
}

/* Footer */
.footer {
    margin-top: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    color: #fefefe;
    background-color: #000 !important;
}
.footer .footer-link,
.footer .footer-brand {
    color: #fefefe !important;
}

.footer .footer-link:hover {
    color: #fefefe !important;
}