/*
* ═══════════════════════════════════════════════════════════════════════
* darx_style_master.css
* Site-wide stylesheet — DARALL Ecosystem + Consumer Landing
* DAB-VIS-CSS-001 · v3.1 · May 2026
*
* Linked by EVERY HTML page on the site:
*
*
* Page-specific styles (linked AFTER this file, override these defaults):
* Consumer landing → /css/homepage_features.css
* Other pages → their own /css/{pagename}.css
* ═══════════════════════════════════════════════════════════════════════
*
* HOW TO CUSTOMIZE — read this first
* ───────────────────────────────────
* Almost everything visual is controlled by CSS variables in SECTION 1.
* Want to tweak the site? Open SECTION 1, find the variable, change one
* value, save. No need to touch the rule blocks below.
*
* Common tweaks:
* • Change brand background → --olive-1, --olive-2
* • Resize the fixed header/footer → --stripe-h, --banner-h, --topbar-h
* • Change the sidebar width → --sidebar-w
* • Change body text size → body { font-size: ... }
* • Change consumer landing colors → --lp-gold, --lp-dark, --lp-bg
*
* PER-PAGE ENTITY ACCENT (gold / blue / terracotta)
* ──────────────────────────────────────────────────
* Each template should set its own --accent in a small