/* ─── Unified Design System (Source of Truth) ─── */

:root {
    --primary: #6B8E68; /* Mashmoom Olive Sage */
    --secondary: #8C8C8C; /* Fade Olive */
    --accent: #8A4FBD; /* Rich Lavender */
    --bg: #EBEBEB; /* Matte Light Grey */
    --bg-card: #F0F0F0; /* Slightly elevated matte grey for cards */
    --bg-alt: #E5E5E5; /* Slightly deeper matte grey for alt sections */
    --text: #6B8E68; /* Olive Sage per request */
    --text-sub: #557252; /* Deeper Sage */
    --text-muted: #8C8C8C; /* Faded Olive per request */
    --text-dim: #A8A8A8; 
    --primary-soft: rgba(107, 142, 104, 0.08);
    --primary-mid: rgba(107, 142, 104, 0.15);
    --primary-text: #fff;
    --border: rgba(107, 142, 104, 0.12); /* Sage-tinted borders */
    --border-mid: #6B8E68;
    --shadow: 0 8px 24px rgba(0,0,0,0.06);
    --shadow-lg: 0 12px 40px rgba(138, 79, 189, 0.1); /* Subtle lavender shadow */
}

/* 1. 🇧🇭 National - Bahrain Flag Identity */
[data-theme="national"] {
    --bg:#FAFAFA; --bg-card:#FFFFFF; --bg-alt:#F5F5F5;
    --primary:#ED1C24; --primary-soft:rgba(237,28,36,0.05); --primary-mid:rgba(237,28,36,0.12);
    --text:#1A1A1A; --text-sub:#495057; --text-muted:#ED1C24; --text-dim:#ADB5BD;
    --border:rgba(0,0,0,0.06); --border-mid:rgba(237,28,36,0.15);
    --accent:#ED1C24;
}

/* 2. 🌊 Classic Blue */
[data-theme="blue"] {
    --bg:#e7fbf9; --bg-card:#FFFFFF; --bg-alt:#DEEAFE;
    --primary:#4b648d; --primary-soft:rgba(75,100,141,0.06); --primary-mid:rgba(75,100,141,0.15);
    --text:#1A2B3C; --text-sub:#5987a8; --text-muted:#4b648d; --text-dim:#b9e4f4;
    --border:rgba(75,100,141,0.08); --border-mid:rgba(75,100,141,0.2);
    --accent:#5987a8;
}

/* 3. 🍷 Burgundy / Royal Monolith */
[data-theme="burgundy"] {
    --bg:#FAFAF5; --bg-card:#FFFFFF; --bg-alt:#F0E6E6;
    --primary:#6A0D18; --primary-soft:rgba(106,13,24,0.06); --primary-mid:rgba(106,13,24,0.15);
    --text:#1D0A0B; --text-sub:#8E1616; --text-muted:#6A0D18; --text-dim:#D4AF37;
    --border:rgba(106,13,24,0.08); --border-mid:rgba(212,175,55,0.4);
    --accent:#D4AF37;
}

/* 4. 🌿 Natural Green */
[data-theme="green"] {
    --bg:#e9f8e7; --bg-card:#FFFFFF; --bg-alt:#D4EBD0;
    --primary:#023337; --primary-soft:rgba(2,51,55,0.06); --primary-mid:rgba(2,51,55,0.15);
    --text:#023337; --text-sub:#4ea674; --text-muted:#023337; --text-dim:#c0e6b9;
    --border:rgba(2,51,55,0.1); --border-mid:rgba(2,51,55,0.2);
    --accent:#4ea674;
}

/* 5. ⚓ Premium Navy */
[data-theme="navy"] {
    --bg:#ebe7e1; --bg-card:#FFFFFF; --bg-alt:#DEDAD4;
    --primary:#10214b; --primary-soft:rgba(16,33,75,0.08); --primary-mid:rgba(16,33,75,0.15);
    --text:#10214B; --text-sub:#d7bd88; --text-muted:#10214b; --text-dim:#d0c3ba;
    --border:rgba(16,33,75,0.1); --border-mid:rgba(16,33,75,0.2);
    --accent:#d7bd88;
}

/* 6. 💻 Modern Tech */
[data-theme="tech"] {
    --bg:#BBE1FA; --bg-card:#FFFFFF; --bg-alt:#A8D1EE;
    --primary:#1B262C; --primary-soft:rgba(27,38,44,0.1); --primary-mid:rgba(27,38,44,0.2);
    --text:#1B262C; --text-sub:#0F4C75; --text-muted:#1B262C; --text-dim:#3282B8;
    --border:rgba(27,38,44,0.2); --border-mid:rgba(27,38,44,0.4);
    --secondary:#0F4C75; --accent:#3282B8;
}

/* 7. 🌙 Obsidian Dark */
[data-theme="dark"] {
    --bg:#0F1115; --bg-card:#181A20; --bg-alt:#22252D;
    --primary:#3B82F6; --primary-soft:rgba(59,130,246,0.1); --primary-mid:rgba(59,130,246,0.25);
    --text:#E5E7EB; --text-sub:#9CA3AF; --text-muted:#60A5FA; --text-dim:#4B5563;
    --border:rgba(255,255,255,0.06); --border-mid:rgba(59,130,246,0.25);
    --accent:#F87171;
}

/* 8. 🌿 Mashmoom - The New Aesthetic Base */
[data-theme="mashmoom"] {
    --primary: #6B8E68;
    --secondary: #8C8C8C;
    --accent: #8A4FBD;
    --bg: #EBEBEB;
    --bg-card: #F0F0F0;
    --text: #6B8E68;
}

/* Global Applications */
body { 
    background-color: var(--bg); 
    color: var(--text); 
    transition: background 0.4s ease, color 0.4s ease; 
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .section-title { color: var(--text) !important; }
p { color: var(--text) !important; font-weight: 500; }
.text-muted { color: var(--text-muted) !important; }

/* Dynamic Theme-Aware Utilities */
.primary-text { color: var(--primary) !important; }
.primary-bg { background-color: var(--primary) !important; color: #fff !important; }
.card-bg { background-color: var(--bg-card) !important; }
.accent-text { color: var(--accent) !important; }
.accent-bg { background-color: var(--accent) !important; color: #fff !important; }