/* ==========================================================================
   Emerald Vault Theme (Private Banking & Forest Wealth Aesthetic)
   ========================================================================== */

/* Dark Mode */
[data-palette="emerald"],
[data-palette="emerald"][data-theme="dark"] {
    --bg-main: #05140d;
    --bg-surface: #0b2217;
    --bg-surface-elevated: #133324;
    --bg-surface-hover: #1c4532;
    
    --border-subtle: rgba(16, 185, 129, 0.14);
    --border-medium: rgba(16, 185, 129, 0.28);
    --border-focus: #10b981;

    --text-primary: #ecfdf5;
    --text-secondary: #a7f3d0;
    --text-muted: #6ee7b7;
    --text-inverse: #05140d;

    --primary: #10b981;
    --primary-light: #34d399;
    --primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --primary-glow: rgba(16, 185, 129, 0.35);

    --glass-bg: rgba(11, 34, 23, 0.85);
    --glass-border: rgba(16, 185, 129, 0.18);
}

/* Light Mode */
[data-palette="emerald"][data-theme="light"] {
    --bg-main: #f0fdf4;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #e6f7ec;
    --bg-surface-hover: #d1f0db;

    --border-subtle: rgba(5, 150, 105, 0.12);
    --border-medium: rgba(5, 150, 105, 0.24);
    --border-focus: #059669;

    --text-primary: #064e3b;
    --text-secondary: #047857;
    --text-muted: #059669;
    --text-inverse: #ffffff;

    --primary: #059669;
    --primary-light: #10b981;
    --primary-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);
    --primary-glow: rgba(5, 150, 105, 0.25);

    --glass-bg: rgba(255, 255, 255, 0.92);
    --glass-border: rgba(5, 150, 105, 0.12);
}