/* ====================================
   VELORA ATMOSPHERIC TOKENS
   Background system for editorial, ritual-based aesthetic
   Replaces pure white with warm, absorbing backgrounds
   ==================================== */

:root {
    /* ========================================
       ATMOSPHERIC BACKGROUND MODES
       Three background modes for section banding
       ======================================== */
    
    /* Parchment - Warm, paper-like, absorbing (not reflective) */
    --bg-parchment: #FAF8F5;
    --bg-parchment-dark: #1A1A1A;
    
    /* Mist - Cooler, soft cosmic tone */
    --bg-mist: #F5F3FF;
    --bg-mist-dark: #1A1F35;
    
    /* Clear - Rare, for transitions */
    --bg-clear: transparent;
    
    /* Legacy mappings - ensure backward compatibility */
    --velora-bg-atmospheric: var(--bg-parchment);
    --velora-bg-atmospheric-alt: var(--bg-mist);
}

[data-theme="dark"] {
    --bg-parchment: var(--bg-parchment-dark);
    --bg-mist: var(--bg-mist-dark);
}

/* ========================================
   BACKGROUND RULES
   Pure white may only appear:
   - Inside paper surfaces
   - For form fields
   - For small UI controls
   ======================================== */

/* Default page background is parchment, not white */
body {
    background-color: var(--bg-parchment);
}

[data-theme="dark"] body {
    background-color: var(--bg-parchment-dark);
}

/* White backgrounds are restricted to specific contexts */
.surface-paper,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="number"],
textarea,
select,
button,
.btn {
    /* White is allowed here */
}

/* Prevent pure white on page/section backgrounds */
section:not(.surface-paper),
.content-section,
.calculator-section,
.horoscope-section,
.compatibility-section,
.special-section,
.knowledge-section {
    /* These should use atmospheric backgrounds, not white */
}