/* ===================================
   ALVERIX PREMIUM THEME SYSTEM
   Provides unified color palettes for 
   both legacy and modern components.
=================================== */

/* -----------------------------------
   1. CHAMPAGNE GOLD (New Default standard)
----------------------------------- */
:root, [data-theme="dark"], [data-theme="light"] {
    /* Modern UI Variables */
    --bg-deep: #FDFBF7; /* Soft Luxury Ivory */
    --bg-card: #FFFFFF;
    --primary: #D4AF37; /* Classic Gold */
    --primary-hover: #C5A059;
    --primary-glow: rgba(212, 175, 55, 0.25);
    --text-main: #1F1F1F;
    --text-muted: #7A7A7A;
    --border: rgba(212, 175, 55, 0.2);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #FDFDFD 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback Variables */
    --body-bg: #FDFBF7;
    --card-bg: #FFFFFF;
    --text-primary: #1F1F1F;
    --text-secondary: #7A7A7A;
    --border-color: rgba(212, 175, 55, 0.2);
    --gold: #D4AF37;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #FDFBF7 50%, #F3E5AB 100%);
}

/* -----------------------------------
   2. BRIGHT AMETHYST (Classic Alverix)
----------------------------------- */
[data-theme="purple"], [data-theme="default"] {
    --bg-deep: #F8F6FA; /* Crisp white with a hint of purple */
    --bg-card: #FFFFFF;
    --primary: #8A4CC7; /* Vibrant Amethyst */
    --primary-hover: #662D91;
    --primary-glow: rgba(138, 76, 199, 0.2);
    --text-main: #2A1B3D;
    --text-muted: #8E7AAB;
    --border: rgba(138, 76, 199, 0.15);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F5F2F9 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #F8F6FA;
    --card-bg: #FFFFFF;
    --text-primary: #2A1B3D;
    --text-secondary: #8E7AAB;
    --border-color: rgba(138, 76, 199, 0.15);
    --gold: #8A4CC7;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #F8F6FA 50%, #E9D5FF 100%);
}

/* -----------------------------------
   3. EXECUTIVE PLATINUM (Ultra Premium)
----------------------------------- */
[data-theme="executive"] {
    --bg-deep: #F8F9FA; /* Sleek cool white/grey */
    --bg-card: #FFFFFF;
    --primary: #0F172A; /* Deep Slate for high contrast */
    --primary-hover: #334155;
    --primary-glow: rgba(15, 23, 42, 0.15);
    --text-main: #000000;
    --text-muted: #64748B;
    --border: rgba(0, 0, 0, 0.08);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #F8F9FA;
    --card-bg: #FFFFFF;
    --text-primary: #000000;
    --text-secondary: #64748B;
    --border-color: rgba(0, 0, 0, 0.08);
    --gold: #94A3B8; /* Platinum instead of silver/gold */
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 50%, #E2E8F0 100%);
}

/* -----------------------------------
   4. RADIANT EMERALD (Investment Focus)
----------------------------------- */
[data-theme="emerald"] {
    --bg-deep: #F0FDF4; /* Bright minty white */
    --bg-card: #FFFFFF;
    --primary: #059669; /* Rich bright Emerald */
    --primary-hover: #047857;
    --primary-glow: rgba(5, 150, 105, 0.2);
    --text-main: #064E3B;
    --text-muted: #64748B;
    --border: rgba(5, 150, 105, 0.15);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #ECFDF5 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #F0FDF4;
    --card-bg: #FFFFFF;
    --text-primary: #064E3B;
    --text-secondary: #64748B;
    --border-color: rgba(5, 150, 105, 0.15);
    --gold: #059669;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 50%, #D1FAE5 100%);
}

/* -----------------------------------
   5. ROYAL SAPPHIRE (Corporate Blue)
----------------------------------- */
[data-theme="sapphire"] {
    --bg-deep: #F0F4F8; /* Soft cool blue-tinted white */
    --bg-card: #FFFFFF;
    --primary: #1E3A8A; /* Deep Trust Blue */
    --primary-hover: #1E40AF;
    --primary-glow: rgba(30, 58, 138, 0.2);
    --text-main: #0F172A;
    --text-muted: #64748B;
    --border: rgba(30, 58, 138, 0.15);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #F0F4F8;
    --card-bg: #FFFFFF;
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --border-color: rgba(30, 58, 138, 0.15);
    --gold: #1E3A8A;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #F0F4F8 50%, #DBEAFE 100%);
}

/* -----------------------------------
   6. CRIMSON RUBY (Bold & Dynamic)
----------------------------------- */
[data-theme="ruby"] {
    --bg-deep: #FEF2F2; /* Very faint warm red/white */
    --bg-card: #FFFFFF;
    --primary: #BE123C; /* Elegant Crimson */
    --primary-hover: #9F1239;
    --primary-glow: rgba(190, 18, 60, 0.2);
    --text-main: #4C0519;
    --text-muted: #881337;
    --border: rgba(190, 18, 60, 0.15);
    --success: #10B981;
    --danger: #E11D48;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #FFF1F2 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #FEF2F2;
    --card-bg: #FFFFFF;
    --text-primary: #4C0519;
    --text-secondary: #881337;
    --border-color: rgba(190, 18, 60, 0.15);
    --gold: #BE123C;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 50%, #FFE4E6 100%);
}

/* -----------------------------------
   7. OCEAN TEAL (Modern FinTech)
----------------------------------- */
[data-theme="teal"] {
    --bg-deep: #F0FDFA; /* Soft cyan/teal white */
    --bg-card: #FFFFFF;
    --primary: #0F766E; /* Deep Sea Teal */
    --primary-hover: #115E59;
    --primary-glow: rgba(15, 118, 110, 0.2);
    --text-main: #134E4A;
    --text-muted: #5E817F;
    --border: rgba(15, 118, 110, 0.15);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #FFFFFF 0%, #CCFBF1 100%);
    --nav-bg: rgba(255, 255, 255, 0.95);

    /* Legacy Fallback */
    --body-bg: #F0FDFA;
    --card-bg: #FFFFFF;
    --text-primary: #134E4A;
    --text-secondary: #5E817F;
    --border-color: rgba(15, 118, 110, 0.15);
    --gold: #0F766E;
    --gradient: linear-gradient(135deg, #FFFFFF 0%, #F0FDFA 50%, #CCFBF1 100%);
}

/* -----------------------------------
   8. MIDNIGHT OBSIDIAN (True Dark Mode)
----------------------------------- */
[data-theme="obsidian"] {
    --bg-deep: #0B0F19; /* Very dark blue/black */
    --bg-card: #151E2E; /* Elevated dark card */
    --primary: #3B82F6; /* Bright neon blue for contrast */
    --primary-hover: #2563EB;
    --primary-glow: rgba(59, 130, 246, 0.3);
    --text-main: #F8FAFC;
    --text-muted: #94A3B8;
    --border: rgba(255, 255, 255, 0.1);
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --gradient-card: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
    --nav-bg: rgba(11, 15, 25, 0.95);

    /* Legacy Fallback */
    --body-bg: #0B0F19;
    --card-bg: #151E2E;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --border-color: rgba(255, 255, 255, 0.1);
    --gold: #3B82F6;
    --gradient: linear-gradient(135deg, #151E2E 0%, #0B0F19 50%, #1E293B 100%);
}

/* --- Global Theme Transitions --- */
body, .balance-card, .actions-grid .action-icon, .bottom-nav, .auth-box, .admin-card {
    transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease;
}