/**
 * Client Manager Pro - Theming System
 * 
 * This file contains all theme definitions using CSS custom properties.
 * Themes can be switched dynamically via JavaScript without page reload.
 */

/* ========================================
   DEFAULT THEME (Bootstrap Blue)
   ======================================== */
:root,
[data-theme="default"] {
  /* Primary Brand Colors */
  --brand-primary: #0d6efd;
  --brand-primary-rgb: 13, 110, 253;
  --brand-secondary: #6c757d;
  --brand-secondary-rgb: 108, 117, 125;
  --brand-accent: #0dcaf0;
  --brand-accent-rgb: 13, 202, 240;
  --brand-success: #198754;
  --brand-warning: #ffc107;
  --brand-danger: #dc3545;
  --brand-info: #0dcaf0;
  
  /* Backgrounds */
  --bg-main: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --bg-card: #ffffff;
  --bg-sidebar: #f8f9fa;
  --bg-hover: #e9ecef;
  
  /* Text Colors */
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #adb5bd;
  --text-inverse: #ffffff;
  
  /* Borders & Shadows */
  --border-color: #dee2e6;
  --border-light: #e9ecef;
  --border-dark: #ced4da;
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  
  /* Links */
  --link-color: var(--brand-primary);
  --link-hover-color: #0a58ca;
}

/* ========================================
   CORPORATE GRAY
   ======================================== */
[data-theme="corporate"] {
  --brand-primary: #2c3e50;
  --brand-primary-rgb: 44, 62, 80;
  --brand-secondary: #95a5a6;
  --brand-secondary-rgb: 149, 165, 166;
  --brand-accent: #3498db;
  --brand-accent-rgb: 52, 152, 219;
  --brand-success: #27ae60;
  --brand-warning: #f39c12;
  --brand-danger: #e74c3c;
  --brand-info: #3498db;
  
  --bg-main: #ffffff;
  --bg-secondary: #ecf0f1;
  --bg-tertiary: #bdc3c7;
  --bg-card: #ffffff;
  --bg-sidebar: #ecf0f1;
  --bg-hover: #d5dbdb;
  
  --text-primary: #2c3e50;
  --text-secondary: #7f8c8d;
  --text-muted: #95a5a6;
  --text-inverse: #ffffff;
  
  --border-color: #bdc3c7;
  --border-light: #ecf0f1;
  --border-dark: #95a5a6;
  
  --link-color: #2c3e50;
  --link-hover-color: #1a252f;
}

/* ========================================
   OCEAN TEAL
   ======================================== */
[data-theme="ocean"] {
  --brand-primary: #00897b;
  --brand-primary-rgb: 0, 137, 123;
  --brand-secondary: #00695c;
  --brand-secondary-rgb: 0, 105, 92;
  --brand-accent: #00bcd4;
  --brand-accent-rgb: 0, 188, 212;
  --brand-success: #4caf50;
  --brand-warning: #ffa726;
  --brand-danger: #ef5350;
  --brand-info: #00bcd4;
  
  --bg-main: #ffffff;
  --bg-secondary: #e0f2f1;
  --bg-tertiary: #b2dfdb;
  --bg-card: #ffffff;
  --bg-sidebar: #e0f2f1;
  --bg-hover: #b2dfdb;
  
  --text-primary: #004d40;
  --text-secondary: #00695c;
  --text-muted: #80cbc4;
  --text-inverse: #ffffff;
  
  --border-color: #80cbc4;
  --border-light: #b2dfdb;
  --border-dark: #4db6ac;
  
  --link-color: #00897b;
  --link-hover-color: #00695c;
}

/* ========================================
   FOREST GREEN
   ======================================== */
[data-theme="forest"] {
  --brand-primary: #2e7d32;
  --brand-primary-rgb: 46, 125, 50;
  --brand-secondary: #558b2f;
  --brand-secondary-rgb: 85, 139, 47;
  --brand-accent: #66bb6a;
  --brand-accent-rgb: 102, 187, 106;
  --brand-success: #43a047;
  --brand-warning: #fb8c00;
  --brand-danger: #e53935;
  --brand-info: #26a69a;
  
  --bg-main: #ffffff;
  --bg-secondary: #f1f8e9;
  --bg-tertiary: #dcedc8;
  --bg-card: #ffffff;
  --bg-sidebar: #f1f8e9;
  --bg-hover: #c5e1a5;
  
  --text-primary: #1b5e20;
  --text-secondary: #558b2f;
  --text-muted: #aed581;
  --text-inverse: #ffffff;
  
  --border-color: #c5e1a5;
  --border-light: #dcedc8;
  --border-dark: #9ccc65;
  
  --link-color: #2e7d32;
  --link-hover-color: #1b5e20;
}

/* ========================================
   ROYAL PURPLE
   ======================================== */
[data-theme="royal"] {
  --brand-primary: #6a1b9a;
  --brand-primary-rgb: 106, 27, 154;
  --brand-secondary: #8e24aa;
  --brand-secondary-rgb: 142, 36, 170;
  --brand-accent: #ab47bc;
  --brand-accent-rgb: 171, 71, 188;
  --brand-success: #66bb6a;
  --brand-warning: #ffa726;
  --brand-danger: #ef5350;
  --brand-info: #29b6f6;
  
  --bg-main: #ffffff;
  --bg-secondary: #f3e5f5;
  --bg-tertiary: #e1bee7;
  --bg-card: #ffffff;
  --bg-sidebar: #f3e5f5;
  --bg-hover: #ce93d8;
  
  --text-primary: #4a148c;
  --text-secondary: #6a1b9a;
  --text-muted: #ba68c8;
  --text-inverse: #ffffff;
  
  --border-color: #ce93d8;
  --border-light: #e1bee7;
  --border-dark: #ab47bc;
  
  --link-color: #6a1b9a;
  --link-hover-color: #4a148c;
}

/* ========================================
   SUNSET ORANGE
   ======================================== */
[data-theme="sunset"] {
  --brand-primary: #ef6c00;
  --brand-primary-rgb: 239, 108, 0;
  --brand-secondary: #f57c00;
  --brand-secondary-rgb: 245, 124, 0;
  --brand-accent: #ff9800;
  --brand-accent-rgb: 255, 152, 0;
  --brand-success: #66bb6a;
  --brand-warning: #ffa726;
  --brand-danger: #e53935;
  --brand-info: #29b6f6;
  
  --bg-main: #ffffff;
  --bg-secondary: #fff3e0;
  --bg-tertiary: #ffe0b2;
  --bg-card: #ffffff;
  --bg-sidebar: #fff3e0;
  --bg-hover: #ffcc80;
  
  --text-primary: #e65100;
  --text-secondary: #ef6c00;
  --text-muted: #ffb74d;
  --text-inverse: #ffffff;
  
  --border-color: #ffcc80;
  --border-light: #ffe0b2;
  --border-dark: #ff9800;
  
  --link-color: #ef6c00;
  --link-hover-color: #e65100;
}

/* ========================================
   CHERRY RED
   ======================================== */
[data-theme="cherry"] {
  --brand-primary: #c62828;
  --brand-primary-rgb: 198, 40, 40;
  --brand-secondary: #d32f2f;
  --brand-secondary-rgb: 211, 47, 47;
  --brand-accent: #ef5350;
  --brand-accent-rgb: 239, 83, 80;
  --brand-success: #66bb6a;
  --brand-warning: #ffa726;
  --brand-danger: #d32f2f;
  --brand-info: #29b6f6;
  
  --bg-main: #ffffff;
  --bg-secondary: #ffebee;
  --bg-tertiary: #ffcdd2;
  --bg-card: #ffffff;
  --bg-sidebar: #ffebee;
  --bg-hover: #ef9a9a;
  
  --text-primary: #b71c1c;
  --text-secondary: #c62828;
  --text-muted: #e57373;
  --text-inverse: #ffffff;
  
  --border-color: #ef9a9a;
  --border-light: #ffcdd2;
  --border-dark: #ef5350;
  
  --link-color: #c62828;
  --link-hover-color: #b71c1c;
}

/* ========================================
   MIDNIGHT DARK
   ======================================== */
[data-theme="midnight"] {
  --brand-primary: #3a86ff;
  --brand-primary-rgb: 58, 134, 255;
  --brand-secondary: #8338ec;
  --brand-secondary-rgb: 131, 56, 236;
  --brand-accent: #06d6a0;
  --brand-accent-rgb: 6, 214, 160;
  --brand-success: #06d6a0;
  --brand-warning: #ffbe0b;
  --brand-danger: #ff006e;
  --brand-info: #3a86ff;
  
  --bg-main: #1a1a2e;
  --bg-secondary: #16213e;
  --bg-tertiary: #0f3460;
  --bg-card: #16213e;
  --bg-sidebar: #0f3460;
  --bg-hover: #1f4068;
  
  --text-primary: #eaeaea;
  --text-secondary: #b8b8d1;
  --text-muted: #7c7c99;
  --text-inverse: #1a1a2e;
  
  --border-color: #2e3856;
  --border-light: #1f4068;
  --border-dark: #0f3460;
  
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  
  --link-color: #3a86ff;
  --link-hover-color: #5ba3ff;
}

/* ========================================
   PRIMERICA YELLOW
   ======================================== */
[data-theme="primerica"] {
  --brand-primary: #ffd700;
  --brand-primary-rgb: 255, 215, 0;
  --brand-secondary: #1e3a8a;
  --brand-secondary-rgb: 30, 58, 138;
  --brand-accent: #60a5fa;
  --brand-accent-rgb: 96, 165, 250;
  --brand-success: #10b981;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
  --brand-info: #3b82f6;
  
  --bg-main: #ffffff;
  --bg-secondary: #fffbeb;
  --bg-tertiary: #fef3c7;
  --bg-card: #ffffff;
  --bg-sidebar: #fffbeb;
  --bg-hover: #fde68a;
  
  --text-primary: #1e3a8a;
  --text-secondary: #1e40af;
  --text-muted: #94a3b8;
  --text-inverse: #ffffff;
  
  --border-color: #fde68a;
  --border-light: #fef3c7;
  --border-dark: #fbbf24;
  
  --link-color: #1e3a8a;
  --link-hover-color: #1e40af;
}

/* ========================================
   MINT FRESH
   ======================================== */
[data-theme="mint"] {
  --brand-primary: #10b981;
  --brand-primary-rgb: 16, 185, 129;
  --brand-secondary: #14b8a6;
  --brand-secondary-rgb: 20, 184, 166;
  --brand-accent: #34d399;
  --brand-accent-rgb: 52, 211, 153;
  --brand-success: #059669;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
  --brand-info: #0ea5e9;
  
  --bg-main: #ffffff;
  --bg-secondary: #ecfdf5;
  --bg-tertiary: #d1fae5;
  --bg-card: #ffffff;
  --bg-sidebar: #ecfdf5;
  --bg-hover: #a7f3d0;
  
  --text-primary: #064e3b;
  --text-secondary: #047857;
  --text-muted: #6ee7b7;
  --text-inverse: #ffffff;
  
  --border-color: #a7f3d0;
  --border-light: #d1fae5;
  --border-dark: #34d399;
  
  --link-color: #10b981;
  --link-hover-color: #059669;
}

/* ========================================
   ROSE GOLD
   ======================================== */
[data-theme="rose"] {
  --brand-primary: #e91e63;
  --brand-primary-rgb: 233, 30, 99;
  --brand-secondary: #c2185b;
  --brand-secondary-rgb: 194, 24, 91;
  --brand-accent: #f48fb1;
  --brand-accent-rgb: 244, 143, 177;
  --brand-success: #66bb6a;
  --brand-warning: #ffa726;
  --brand-danger: #ef5350;
  --brand-info: #29b6f6;
  
  --bg-main: #ffffff;
  --bg-secondary: #fce4ec;
  --bg-tertiary: #f8bbd0;
  --bg-card: #ffffff;
  --bg-sidebar: #fce4ec;
  --bg-hover: #f48fb1;
  
  --text-primary: #880e4f;
  --text-secondary: #ad1457;
  --text-muted: #f06292;
  --text-inverse: #ffffff;
  
  --border-color: #f48fb1;
  --border-light: #f8bbd0;
  --border-dark: #ec407a;
  
  --link-color: #e91e63;
  --link-hover-color: #c2185b;
}

/* ========================================
   TECH BLUE
   ======================================== */
[data-theme="tech"] {
  --brand-primary: #2563eb;
  --brand-primary-rgb: 37, 99, 235;
  --brand-secondary: #1e40af;
  --brand-secondary-rgb: 30, 64, 175;
  --brand-accent: #60a5fa;
  --brand-accent-rgb: 96, 165, 250;
  --brand-success: #10b981;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
  --brand-info: #06b6d4;
  
  --bg-main: #ffffff;
  --bg-secondary: #eff6ff;
  --bg-tertiary: #dbeafe;
  --bg-card: #ffffff;
  --bg-sidebar: #eff6ff;
  --bg-hover: #bfdbfe;
  
  --text-primary: #1e3a8a;
  --text-secondary: #1e40af;
  --text-muted: #93c5fd;
  --text-inverse: #ffffff;
  
  --border-color: #bfdbfe;
  --border-light: #dbeafe;
  --border-dark: #60a5fa;
  
  --link-color: #2563eb;
  --link-hover-color: #1e40af;
}