/* =========================================================
   BASE STYLES (Light Mode Default)
   ========================================================= */
.header-section {
    text-align: center; 
    margin-bottom: 30px;
}

.puja-title {
    color: #b71c1c; 
    font-size: 28px; 
    font-weight: bold; 
    margin-bottom: 5px;
}

.puja-subtitle {
    color: #d32f2f; 
    font-weight: bold; 
    margin-top: 0;
}

.mantra-section {
    margin-bottom: 25px;
}

.mantra-title {
    color: #c62828; 
    border-bottom: 1px solid #ffcdd2; 
    padding-bottom: 5px; 
    margin-bottom: 10px;
}

.mantra-center {
    text-align: center; 
    margin-top: 0;
    margin-bottom: 10px;
}

.mantra-text {
    margin-top: 0;
    margin-bottom: 10px;
}

.mantra-note {
    font-weight: normal; 
    color: #555555;
    display: block;
    margin-top: 5px;
}

.mantra-divider-top {
    margin-top: 15px; 
    border-top: 1px solid #e0e0e0; 
    padding-top: 15px;
}

.fw-bold {
    font-weight: bold;
}

/* Pachali Specific */
.pachali-section {
    background-color: #fffaf0; 
    padding: 25px; 
    border: 1px solid #ffe0b2; 
    margin-top: 40px; 
    text-align: center;
    border-radius: 8px;
}

.pachali-title {
    color: #d32f2f; 
    font-weight: bold; 
    margin-top: 0; 
    margin-bottom: 20px;
}

.pachali-text {
    line-height: 1.8; 
    margin-top: 0; 
    color: #000000;
}


/* =========================================================
   DARK MODE STYLES (Night Mode)
   ========================================================= */

body.dark-mode .puja-title {
    color: #ef4444; /* Slightly brighter red for dark mode */
}

body.dark-mode .puja-subtitle,
body.dark-mode .mantra-title,
body.dark-mode .pachali-title {
    color: #f87171;
}

body.dark-mode .mantra-title {
    border-bottom-color: #475569;
}

body.dark-mode .mantra-note {
    color: #94a3b8;
}

body.dark-mode .mantra-divider-top {
    border-top-color: #334155;
}

body.dark-mode .pachali-section {
    background-color: #1e293b; 
    border-color: #334155;
}

body.dark-mode .pachali-text {
    color: #e2e8f0;
}