/* Farzilla Technologies - Professional Theme Variables
   Place in: /wwwroot/css/theme-variables.css
   ========================================================== */

/* ==================== DEFAULT THEME ==================== */
/* Premium & Sophisticated + Deep Navy/Blue + Gold Accent */

:root {
    /* Primary Colors */
    --primary-dark: #0A1628;
    --primary: #1B2B44;
    --primary-light: #2C3E5C;
    
    /* Accent Colors */
    --accent-primary: #3B82F6;
    --accent-secondary: #D4A574;
    --accent-tertiary: #60A5FA;
    
    /* Text Colors */
    --text-dark: #0F172A;
    --text-medium: #475569;
    --text-light: #64748B;
    --text-on-primary: #FFFFFF;
    
    /* Background Colors */
    --bg-light: #F8FAFC;
    --bg-white: #FFFFFF;
    --bg-dark: #0F172A;
    
    /* Border & Dividers */
    --border-light: #F1F5F9;
    --border: #E2E8F0;
    --border-medium: #CBD5E1;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.2);
    
    /* Typography */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 6rem;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;
}

/* ==================== THEME VARIATIONS ==================== */

/* PREMIUM & SOPHISTICATED THEMES */
[data-theme="premium-navy"] {
    --primary-dark: #0A1628;
    --primary: #1B2B44;
    --primary-light: #2C3E5C;
    --accent-primary: #3B82F6;
    --accent-secondary: #D4A574;
}

[data-theme="premium-charcoal"] {
    --primary-dark: #0F172A;
    --primary: #1E293B;
    --primary-light: #334155;
    --accent-primary: #64748B;
    --accent-secondary: #D4A574;
}

[data-theme="premium-indigo"] {
    --primary-dark: #1E1B4B;
    --primary: #312E81;
    --primary-light: #4338CA;
    --accent-primary: #6366F1;
    --accent-secondary: #D4A574;
}

[data-theme="premium-emerald"] {
    --primary-dark: #064E3B;
    --primary: #065F46;
    --primary-light: #047857;
    --accent-primary: #10B981;
    --accent-secondary: #D4A574;
}

/* MODERN & INNOVATIVE THEMES */
[data-theme="modern-navy"] {
    --primary-dark: #0A1628;
    --primary: #1B2B44;
    --primary-light: #2C3E5C;
    --accent-primary: #3B82F6;
    --accent-secondary: #10B981;
    --bg-light: #FFFFFF;
}

[data-theme="modern-charcoal"] {
    --primary-dark: #0A0A0A;
    --primary: #1A1A1A;
    --primary-light: #2A2A2A;
    --accent-primary: #3B82F6;
    --accent-secondary: #10B981;
    --bg-light: #FFFFFF;
}

[data-theme="modern-indigo"] {
    --primary-dark: #1E1B4B;
    --primary: #312E81;
    --primary-light: #4338CA;
    --accent-primary: #6366F1;
    --accent-secondary: #10B981;
    --bg-light: #FFFFFF;
}

[data-theme="modern-emerald"] {
    --primary-dark: #064E3B;
    --primary: #065F46;
    --primary-light: #047857;
    --accent-primary: #10B981;
    --accent-secondary: #3B82F6;
    --bg-light: #FFFFFF;
}

/* TRUSTWORTHY & STABLE THEMES */
[data-theme="trust-navy"] {
    --primary-dark: #1E3A8A;
    --primary: #1E40AF;
    --primary-light: #2563EB;
    --accent-primary: #0EA5E9;
    --accent-secondary: #64748B;
    --bg-light: #F1F5F9;
}

[data-theme="trust-charcoal"] {
    --primary-dark: #0F172A;
    --primary: #1E293B;
    --primary-light: #334155;
    --accent-primary: #64748B;
    --accent-secondary: #94A3B8;
    --bg-light: #F1F5F9;
}

[data-theme="trust-indigo"] {
    --primary-dark: #1E1B4B;
    --primary: #3730A3;
    --primary-light: #4F46E5;
    --accent-primary: #6366F1;
    --accent-secondary: #818CF8;
    --bg-light: #EEF2FF;
}

[data-theme="trust-emerald"] {
    --primary-dark: #064E3B;
    --primary: #065F46;
    --primary-light: #059669;
    --accent-primary: #10B981;
    --accent-secondary: #34D399;
    --bg-light: #ECFDF5;
}

/* BOLD & CONFIDENT THEMES */
[data-theme="bold-navy"] {
    --primary-dark: #0A1628;
    --primary: #18181B;
    --primary-light: #27272A;
    --accent-primary: #EF4444;
    --accent-secondary: #F59E0B;
    --bg-light: #FAFAFA;
    --text-dark: #18181B;
}

[data-theme="bold-charcoal"] {
    --primary-dark: #0A0A0A;
    --primary: #18181B;
    --primary-light: #27272A;
    --accent-primary: #EF4444;
    --accent-secondary: #F59E0B;
    --bg-light: #FAFAFA;
    --text-dark: #18181B;
}

[data-theme="bold-indigo"] {
    --primary-dark: #1E1B4B;
    --primary: #18181B;
    --primary-light: #27272A;
    --accent-primary: #A855F7;
    --accent-secondary: #F59E0B;
    --bg-light: #FAFAFA;
    --text-dark: #18181B;
}

[data-theme="bold-emerald"] {
    --primary-dark: #064E3B;
    --primary: #18181B;
    --primary-light: #27272A;
    --accent-primary: #10B981;
    --accent-secondary: #F59E0B;
    --bg-light: #FAFAFA;
    --text-dark: #18181B;
}

/* ==================== ACCENT VARIATIONS ==================== */
:root[data-accent~="blue"],
[data-theme][data-accent~="blue"] {
    --accent-primary: #3B82F6;
    --accent-tertiary: #60A5FA;
}

:root[data-accent~="gold"],
[data-theme][data-accent~="gold"] {
    --accent-secondary: #D4A574;
}

:root[data-accent~="orange"],
[data-theme][data-accent~="orange"] {
    --accent-secondary: #F97316;
}

:root[data-accent~="cyan"],
[data-theme][data-accent~="cyan"] {
    --accent-tertiary: #06B6D4;
}
/*[data-accent="blue"] {
    --accent-primary: #3B82F6;
    --accent-tertiary: #60A5FA;
}

[data-accent="gold"] {
    --accent-secondary: #D4A574;
}

[data-accent="orange"] {
    --accent-secondary: #F97316;
}

[data-accent="cyan"] {
    --accent-tertiary: #06B6D4;
}
*/
/* ==================== UTILITY CLASSES ==================== */

.bg-primary { background-color: var(--primary); }
.bg-primary-dark { background-color: var(--primary-dark); }
.bg-primary-light { background-color: var(--primary-light); }
.bg-accent { background-color: var(--accent-primary); }
.bg-light { background-color: var(--bg-light); }
.bg-white { background-color: var(--bg-white); }

.text-primary { color: var(--primary); }
.text-dark { color: var(--text-dark); }
.text-medium { color: var(--text-medium); }
.text-light { color: var(--text-light); }
.text-accent { color: var(--accent-primary); }
.text-accent-secondary { color: var(--accent-secondary); }

.border-default { border-color: var(--border); }
.border-medium { border-color: var(--border-medium); }