/* Fonts now loaded from frogiee.css with local @font-face */

/* =====================================================
   VAULT V11 - Theme System
   Professional Multi-Theme Support
   Frogiee-Style Enhancement
   ===================================================== */

/* Pink Theme (Default) */
:root,
[data-theme="default"],
[data-theme="pink"] {
    /* Background Colors */
    --bg-primary: #0e0e0e;
    --bg-secondary: #141414;
    --bg-tertiary: #1a1a1a;
    --bg-card: #161616;
    --bg-input: #0a0a0a;
    --bg-hover: rgba(255, 107, 157, 0.1);
    --bg-header: rgba(14, 14, 14, 0.9);
    
    /* Glass Effect */
    --glass-bg: rgba(22, 22, 22, 0.8);
    --glass-border: rgba(255, 255, 255, 0.1);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #6b6b6b;
    
    /* Accent Colors - Pink */
    --accent: #ff6b9d;
    --accent-primary: #ff6b9d;
    --accent-secondary: #ff8fb3;
    --accent-tertiary: #e05080;
    --accent-hover: #ff8fb3;
    --accent-bg: rgba(255, 107, 157, 0.1);
    --accent-glow: rgba(255, 107, 157, 0.4);
    
    /* Border Colors */
    --border-primary: rgba(255, 255, 255, 0.1);
    --border-secondary: rgba(255, 255, 255, 0.15);
    
    /* Status Colors */
    --success: #22c55e;
    --success-bg: rgba(34, 197, 94, 0.1);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.1);
    --warning: #f59e0b;
    --warning-bg: rgba(245, 158, 11, 0.1);
    
    /* Shadow */
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Dark Theme */
[data-theme="dark"] {
    /* Background Colors */
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-tertiary: #1a1a24;
    --bg-card: #12121a;
    --bg-input: #1a1a24;
    --bg-hover: rgba(99, 102, 241, 0.1);
    --bg-header: rgba(10, 10, 15, 0.9);
    
    /* Text Colors */
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    
    /* Accent Colors */
    --accent: #6366f1;
    --accent-primary: #6366f1;
    --accent-secondary: #8b5cf6;
    --accent-tertiary: #a855f7;
    --accent-hover: #4f46e5;
    --accent-bg: rgba(99, 102, 241, 0.1);
    --accent-glow: rgba(99, 102, 241, 0.4);
    
    /* Border Colors */
    --border-primary: rgba(255, 255, 255, 0.1);
    --border-secondary: rgba(255, 255, 255, 0.15);
    
    /* Status Colors */
    --success: #22c55e;
    --success-bg: rgba(34, 197, 94, 0.1);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.1);
    --warning: #f59e0b;
    --warning-bg: rgba(245, 158, 11, 0.1);
    
    /* Shadow */
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Wine Theme */
[data-theme="wine"] {
    --bg-primary: #1a0a10;
    --bg-secondary: #2d1520;
    --bg-tertiary: #3d1f2d;
    --bg-card: #2d1520;
    --bg-input: #3d1f2d;
    --bg-hover: rgba(212, 100, 122, 0.1);
    --bg-header: rgba(26, 10, 16, 0.9);
    
    --text-primary: #f5e6ea;
    --text-secondary: #c9a8b3;
    --text-muted: #8a6070;
    
    --accent-primary: #d4647a;
    --accent-secondary: #e87d92;
    --accent-tertiary: #c75b6b;
    --accent-hover: #b85568;
    --accent-bg: rgba(212, 100, 122, 0.15);
    
    --border-primary: rgba(212, 100, 122, 0.2);
    --border-secondary: rgba(212, 100, 122, 0.3);
    
    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Light Theme */
[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-input: #f8fafc;
    --bg-hover: rgba(0, 0, 0, 0.05);
    --bg-header: rgba(255, 255, 255, 0.9);
    
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #94a3b8;
    
    --accent-primary: #6366f1;
    --accent-secondary: #8b5cf6;
    --accent-tertiary: #a855f7;
    --accent-hover: #4f46e5;
    --accent-bg: rgba(99, 102, 241, 0.1);
    
    --border-primary: rgba(0, 0, 0, 0.1);
    --border-secondary: rgba(0, 0, 0, 0.15);
    
    --shadow-color: rgba(0, 0, 0, 0.1);
}

/* Midnight Theme (AMOLED Black) */
[data-theme="midnight"] {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #111111;
    --bg-card: #0a0a0a;
    --bg-input: #111111;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(0, 0, 0, 0.9);
    
    --text-primary: #ffffff;
    --text-secondary: #a1a1aa;
    --text-muted: #71717a;
    
    --accent-primary: #a855f7;
    --accent-secondary: #c084fc;
    --accent-tertiary: #d8b4fe;
    --accent-hover: #9333ea;
    --accent-bg: rgba(168, 85, 247, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Ocean Theme */
[data-theme="ocean"] {
    --bg-primary: #0d1b2a;
    --bg-secondary: #1b263b;
    --bg-tertiary: #233552;
    --bg-card: #162032;
    --bg-input: #1b263b;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(13, 27, 42, 0.9);
    
    --text-primary: #e0e6ed;
    --text-secondary: #8ba3c4;
    --text-muted: #5c7a9e;
    
    --accent-primary: #0ea5e9;
    --accent-secondary: #38bdf8;
    --accent-tertiary: #7dd3fc;
    --accent-hover: #0284c7;
    --accent-bg: rgba(14, 165, 233, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Forest Theme */
[data-theme="forest"] {
    --bg-primary: #0f1a0f;
    --bg-secondary: #1a2e1a;
    --bg-tertiary: #254025;
    --bg-card: #162016;
    --bg-input: #1a2e1a;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(15, 26, 15, 0.9);
    
    --text-primary: #e8f0e8;
    --text-secondary: #9cb89c;
    --text-muted: #6b8a6b;
    
    --accent-primary: #22c55e;
    --accent-secondary: #4ade80;
    --accent-tertiary: #86efac;
    --accent-hover: #16a34a;
    --accent-bg: rgba(34, 197, 94, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Sunset Theme */
[data-theme="sunset"] {
    --bg-primary: #1a0f1a;
    --bg-secondary: #2d1b2d;
    --bg-tertiary: #3d2840;
    --bg-card: #241524;
    --bg-input: #2d1b2d;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(26, 15, 26, 0.9);
    
    --text-primary: #f8e8f0;
    --text-secondary: #c9a3b8;
    --text-muted: #8a6b7a;
    
    --accent-primary: #f43f5e;
    --accent-secondary: #fb7185;
    --accent-tertiary: #fda4af;
    --accent-hover: #e11d48;
    --accent-bg: rgba(244, 63, 94, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Rose Theme */
[data-theme="rose"] {
    --bg-primary: #1a0a14;
    --bg-secondary: #2d1520;
    --bg-tertiary: #3d1f2d;
    --bg-card: #240f1a;
    --bg-input: #2d1520;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(26, 10, 20, 0.9);
    
    --text-primary: #fce7f3;
    --text-secondary: #f9a8d4;
    --text-muted: #be185d;
    
    --accent-primary: #ec4899;
    --accent-secondary: #f472b6;
    --accent-tertiary: #f9a8d4;
    --accent-hover: #db2777;
    --accent-bg: rgba(236, 72, 153, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Amber Theme */
[data-theme="amber"] {
    --bg-primary: #1a150a;
    --bg-secondary: #2d2515;
    --bg-tertiary: #40331f;
    --bg-card: #241e0f;
    --bg-input: #2d2515;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(26, 21, 10, 0.9);
    
    --text-primary: #fef3c7;
    --text-secondary: #fcd34d;
    --text-muted: #b45309;
    
    --accent-primary: #f59e0b;
    --accent-secondary: #fbbf24;
    --accent-tertiary: #fcd34d;
    --accent-hover: #d97706;
    --accent-bg: rgba(245, 158, 11, 0.1);
    
    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);
    
    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Cyan Theme */
[data-theme="cyan"] {
    --bg-primary: #0a1a1a;
    --bg-secondary: #152d2d;
    --bg-tertiary: #1f4040;
    --bg-card: #0f2424;
    --bg-input: #152d2d;
    --bg-hover: rgba(255, 255, 255, 0.05);
    --bg-header: rgba(10, 26, 26, 0.9);

    --text-primary: #e7f8f8;
    --text-secondary: #67e8f9;
    --text-muted: #0891b2;

    --accent-primary: #06b6d4;
    --accent-secondary: #22d3ee;
    --accent-tertiary: #67e8f9;
    --accent-hover: #0891b2;
    --accent-bg: rgba(6, 182, 212, 0.1);

    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);

    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Purple Theme */
[data-theme="purple"] {
    --bg-primary: #0f0a1a;
    --bg-secondary: #1a1525;
    --bg-tertiary: #261f35;
    --bg-card: #14101f;
    --bg-input: #1a1525;
    --bg-hover: rgba(147, 51, 234, 0.1);
    --bg-header: rgba(15, 10, 26, 0.9);

    --text-primary: #f3e8ff;
    --text-secondary: #c4b5fd;
    --text-muted: #8b5cf6;

    --accent-primary: #9333ea;
    --accent-secondary: #a855f7;
    --accent-tertiary: #c084fc;
    --accent-hover: #7c3aed;
    --accent-bg: rgba(147, 51, 234, 0.15);

    --border-primary: rgba(147, 51, 234, 0.2);
    --border-secondary: rgba(147, 51, 234, 0.3);

    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Lavender Theme */
[data-theme="lavender"] {
    --bg-primary: #100a14;
    --bg-secondary: #1a1420;
    --bg-tertiary: #251e2d;
    --bg-card: #150f1a;
    --bg-input: #1a1420;
    --bg-hover: rgba(196, 181, 253, 0.1);
    --bg-header: rgba(16, 10, 20, 0.9);

    --text-primary: #f5f3ff;
    --text-secondary: #ddd6fe;
    --text-muted: #a78bfa;

    --accent-primary: #a78bfa;
    --accent-secondary: #c4b5fd;
    --accent-tertiary: #ddd6fe;
    --accent-hover: #8b5cf6;
    --accent-bg: rgba(167, 139, 250, 0.1);

    --border-primary: rgba(167, 139, 250, 0.15);
    --border-secondary: rgba(167, 139, 250, 0.25);

    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Mint Theme */
[data-theme="mint"] {
    --bg-primary: #0a1410;
    --bg-secondary: #142420;
    --bg-tertiary: #1f352e;
    --bg-card: #0f1a15;
    --bg-input: #142420;
    --bg-hover: rgba(52, 211, 153, 0.1);
    --bg-header: rgba(10, 20, 16, 0.9);

    --text-primary: #ecfdf5;
    --text-secondary: #a7f3d0;
    --text-muted: #10b981;

    --accent-primary: #10b981;
    --accent-secondary: #34d399;
    --accent-tertiary: #6ee7b7;
    --accent-hover: #059669;
    --accent-bg: rgba(16, 185, 129, 0.1);

    --border-primary: rgba(16, 185, 129, 0.15);
    --border-secondary: rgba(16, 185, 129, 0.25);

    --shadow-color: rgba(0, 0, 0, 0.4);
}

/* Cherry Theme */
[data-theme="cherry"] {
    --bg-primary: #1a0808;
    --bg-secondary: #2d1010;
    --bg-tertiary: #401818;
    --bg-card: #240a0a;
    --bg-input: #2d1010;
    --bg-hover: rgba(239, 68, 68, 0.1);
    --bg-header: rgba(26, 8, 8, 0.9);

    --text-primary: #fef2f2;
    --text-secondary: #fca5a5;
    --text-muted: #dc2626;

    --accent-primary: #ef4444;
    --accent-secondary: #f87171;
    --accent-tertiary: #fca5a5;
    --accent-hover: #dc2626;
    --accent-bg: rgba(239, 68, 68, 0.15);

    --border-primary: rgba(239, 68, 68, 0.2);
    --border-secondary: rgba(239, 68, 68, 0.3);

    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Gold Theme */
[data-theme="gold"] {
    --bg-primary: #1a1508;
    --bg-secondary: #2d2510;
    --bg-tertiary: #403515;
    --bg-card: #241e08;
    --bg-input: #2d2510;
    --bg-hover: rgba(234, 179, 8, 0.1);
    --bg-header: rgba(26, 21, 8, 0.9);

    --text-primary: #fefce8;
    --text-secondary: #fde047;
    --text-muted: #ca8a04;

    --accent-primary: #eab308;
    --accent-secondary: #facc15;
    --accent-tertiary: #fde047;
    --accent-hover: #ca8a04;
    --accent-bg: rgba(234, 179, 8, 0.15);

    --border-primary: rgba(234, 179, 8, 0.2);
    --border-secondary: rgba(234, 179, 8, 0.3);

    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Neon Theme */
[data-theme="neon"] {
    --bg-primary: #0a0a0f;
    --bg-secondary: #0f0f18;
    --bg-tertiary: #151520;
    --bg-card: #0c0c14;
    --bg-input: #0f0f18;
    --bg-hover: rgba(0, 255, 136, 0.1);
    --bg-header: rgba(10, 10, 15, 0.9);

    --text-primary: #ffffff;
    --text-secondary: #00ff88;
    --text-muted: #00cc6a;

    --accent-primary: #00ff88;
    --accent-secondary: #00ffcc;
    --accent-tertiary: #88ffcc;
    --accent-hover: #00cc6a;
    --accent-bg: rgba(0, 255, 136, 0.15);

    --border-primary: rgba(0, 255, 136, 0.3);
    --border-secondary: rgba(0, 255, 136, 0.4);

    --shadow-color: rgba(0, 255, 136, 0.2);
}

/* Steel Theme */
[data-theme="steel"] {
    --bg-primary: #111827;
    --bg-secondary: #1f2937;
    --bg-tertiary: #374151;
    --bg-card: #1f2937;
    --bg-input: #374151;
    --bg-hover: rgba(156, 163, 175, 0.1);
    --bg-header: rgba(17, 24, 39, 0.9);

    --text-primary: #f9fafb;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;

    --accent-primary: #6b7280;
    --accent-secondary: #9ca3af;
    --accent-tertiary: #d1d5db;
    --accent-hover: #4b5563;
    --accent-bg: rgba(107, 114, 128, 0.15);

    --border-primary: rgba(156, 163, 175, 0.2);
    --border-secondary: rgba(156, 163, 175, 0.3);

    --shadow-color: rgba(0, 0, 0, 0.4);
}