/* DwellMint Studio - Global Brand Source of Truth (Sage Green Theme) */
:root {
    /* Core Brand Colors */
    --brand-bg-sage: #AABCA0; /* Sage Green */
    --bg: #AABCA0; /* Map global background to Sage Green */
    --accent: #1A1A1A; /* High contrast charcoal for Sage Green */
    --card-bg: rgba(255, 255, 255, 0.4); /* Translucent white for a glass effect on Sage */
    --text-main: #0A0A0A; /* Near black for maximum readability */
    --text-muted: #2F3E2F; /* Dark sage-tinted charcoal */
    --border: rgba(0, 0, 0, 0.15);
    
    /* UI Components */
    --btn-bg: #C5A059; /* Brand Gold */
    --btn-text: #000000;
    --box-bg: rgba(250, 249, 246, 0.95); /* High contrast translucent off-white for Sage background */
    --box-text: #0A0A0A;
    --deep-dive-bg: rgba(255, 255, 255, 0.4);
    --quote-bg: rgba(255, 255, 255, 0.5);
    --quote-text: #0A0A0A;
    
    /* Grid Mesh Tokens */
    --mesh-grid: rgba(0, 0, 0, 0.08);
    --mesh-fade: rgba(170, 188, 160, 0.1); 
    
    /* Typography */
    --font-body: 'Outfit', sans-serif;
    --font-h1: 'Playfair Display', serif;
    --font-h2: 'Playfair Display', serif;
    --font-h3: 'Playfair Display', serif;
    --font-h4: 'Playfair Display', serif;
    --font-btn: 'GFS Didot', serif;
    
    /* Sizing */
    --size-h1: clamp(3rem, 8vw, 5rem);
    --size-h2: clamp(2.2rem, 5vw, 3.2rem);
    --size-h3: clamp(1.8rem, 4vw, 2.2rem);
    --size-h4: 1.5rem;
}

/* Ensure even in theme-gold mode, text remains black for Sage Green brand */
body.theme-gold {
    --text-main: #0A0A0A;
    --text-muted: #2F3E2F;
    --box-text: #0A0A0A;
    --box-bg: rgba(250, 249, 246, 0.95);
    --bg: #AABCA0;
}

/* Force light background for all boxes and components */
.faq-box, .takeaway-box, .insight-back, .deep-dive-card {
    background-color: var(--box-bg) !important;
    background-image: none !important;
}

/* Force light glass header for all themes to align with Sage Green Brand */
.glass-nav, body.theme-gold .glass-nav {
    background: rgba(170, 188, 160, 0.6) !important; /* Translucent Sage Green */
    backdrop-filter: blur(20px);
}

/* Global Overrides for Non-Home Pages */
body {
    font-family: var(--font-body);
    background-color: var(--brand-bg-sage);
    color: var(--text-main);
}

/* Ensure main content paragraphs specifically use black for maximum readability */
main p, main li, .blog-content p, .blog-content li {
    font-family: var(--font-body);
    color: #000000;
}

/* Maintain contrast for specific UI components */
.blog-author-info-box p, .blog-author-info-box span {
    color: #FFFFFF !important;
}

/* Maintain footer visibility */
footer p, footer span, footer a {
    color: #FFFFFF !important;
}

/* Fix button contrast specifically for the new scheme */
.btn-premium {
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

.btn-premium:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Wireframe background adjustment for Sage Green */
.bg-wireframe {
    background-color: var(--brand-bg-sage) !important;
    opacity: 0.6; /* Soften the grid on the Sage background */
}