:root {
  /* Brand Colors (GorillaPlay Palette) */
  --gp-primary: #FF6B00;
  --gp-primary-hover: #FF851A;
  --gp-primary-active: #E05E00;
  --gp-primary-light: rgba(255, 107, 0, 0.12);
  --gp-primary-glow: rgba(255, 107, 0, 0.35);

  --gp-secondary: #FFA726;
  --gp-accent: #FF5100;
  --gp-gold: #FFB800;

  --gp-gradient-primary: linear-gradient(135deg, #FF6B00 0%, #FF9500 50%, #FFAE00 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(255, 107, 0, 0.25) 0%, rgba(255, 149, 0, 0.1) 100%);
  --gp-gradient-metallic: linear-gradient(135deg, #2A2E3D 0%, #1A1D26 100%);

  /* Status Colors */
  --status-success: #10B981;
  --status-success-bg: rgba(16, 185, 129, 0.12);
  --status-warning: #F59E0B;
  --status-warning-bg: rgba(245, 158, 11, 0.12);
  --status-danger: #EF4444;
  --status-danger-bg: rgba(239, 68, 68, 0.12);
  --status-info: #0EA5E9;
  --status-info-bg: rgba(14, 165, 233, 0.12);
  --status-purple: #8B5CF6;
  --status-purple-bg: rgba(139, 92, 246, 0.12);

  /* Typography */
  --font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-heading: 'Outfit', var(--font-family);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Border Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;
}

/* ==========================================================================
   DARK THEME (Default / Cinema Pro)
   ========================================================================== */
[data-theme="dark"] {
  --bg-body: #090B10;
  --bg-sidebar: #0D1017;
  --bg-sidebar-active: rgba(255, 107, 0, 0.15);
  --bg-topbar: rgba(13, 16, 23, 0.85);
  --bg-card: #121622;
  --bg-card-hover: #171C2B;
  --bg-card-elevated: #191E2F;
  --bg-input: #0B0E15;
  --bg-modal: #131722;
  --bg-backdrop: rgba(4, 6, 10, 0.75);

  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-card: rgba(255, 255, 255, 0.08);
  --border-focus: #FF6B00;
  --border-hover: rgba(255, 107, 0, 0.4);

  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --text-inverse: #090B10;

  --gp-text-main: var(--text-main);
  --gp-text-muted: var(--text-muted);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-primary: 0 8px 25px rgba(255, 107, 0, 0.28);
  --shadow-glow: 0 0 20px rgba(255, 107, 0, 0.4);

  --glass-bg: rgba(18, 22, 34, 0.7);
  --glass-border: rgba(255, 255, 255, 0.07);
}

/* ==========================================================================
   LIGHT THEME (Modern Clean)
   ========================================================================== */
[data-theme="light"] {
  --bg-body: #F1F5F9;
  --bg-sidebar: #FFFFFF;
  --bg-sidebar-active: rgba(255, 107, 0, 0.12);
  --bg-topbar: rgba(255, 255, 255, 0.95);
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8FAFC;
  --bg-card-elevated: #FFFFFF;
  --bg-input: #F8FAFC;
  --bg-modal: #FFFFFF;
  --bg-backdrop: rgba(15, 23, 42, 0.5);

  --border-subtle: #CBD5E1;
  --border-card: #CBD5E1;
  --border-focus: #FF6B00;
  --border-hover: rgba(255, 107, 0, 0.5);

  --text-main: #0F172A;
  --text-muted: #334155;
  --text-dim: #64748B;
  --text-inverse: #FFFFFF;

  --gp-text-main: var(--text-main);
  --gp-text-muted: var(--text-muted);

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
  --shadow-primary: 0 6px 20px rgba(255, 107, 0, 0.22);
  --shadow-glow: 0 0 16px rgba(255, 107, 0, 0.25);

  --glass-bg: rgba(255, 255, 255, 0.92);
  --glass-border: rgba(203, 213, 225, 0.8);
}

/* ==========================================================================
   COLOR PALETTES (Temas: Azul, Roxo, Vermelho, Verde, Preto, Laranja)
   ========================================================================== */

/* 1. AZUL (Cyber Blue / Safira) */
[data-color-theme="blue"] {
  --gp-primary: #3B82F6;
  --gp-primary-hover: #60A5FA;
  --gp-primary-active: #2563EB;
  --gp-primary-light: rgba(59, 130, 246, 0.15);
  --gp-primary-glow: rgba(59, 130, 246, 0.4);
  --gp-secondary: #60A5FA;
  --gp-accent: #0284C7;
  --gp-gradient-primary: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 50%, #60A5FA 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(37, 99, 235, 0.3) 0%, rgba(96, 165, 250, 0.15) 100%);
  --border-focus: #3B82F6;
  --border-hover: rgba(59, 130, 246, 0.5);
  --shadow-primary: 0 8px 25px rgba(59, 130, 246, 0.35);
  --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.45);
  --bg-sidebar-active: rgba(59, 130, 246, 0.16);
}

/* 2. ROXO (Neon Violet / Galáxia) */
[data-color-theme="purple"] {
  --gp-primary: #8B5CF6;
  --gp-primary-hover: #A78BFA;
  --gp-primary-active: #7C3AED;
  --gp-primary-light: rgba(139, 92, 246, 0.15);
  --gp-primary-glow: rgba(139, 92, 246, 0.4);
  --gp-secondary: #C084FC;
  --gp-accent: #6D28D9;
  --gp-gradient-primary: linear-gradient(135deg, #6D28D9 0%, #8B5CF6 50%, #C084FC 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, 0.3) 0%, rgba(192, 132, 252, 0.15) 100%);
  --border-focus: #8B5CF6;
  --border-hover: rgba(139, 92, 246, 0.5);
  --shadow-primary: 0 8px 25px rgba(139, 92, 246, 0.35);
  --shadow-glow: 0 0 20px rgba(139, 92, 246, 0.45);
  --bg-sidebar-active: rgba(139, 92, 246, 0.16);
}

/* 3. VERMELHO (Ruby Crimson / Fogo Carmesim) */
[data-color-theme="red"] {
  --gp-primary: #EF4444;
  --gp-primary-hover: #F87171;
  --gp-primary-active: #DC2626;
  --gp-primary-light: rgba(239, 68, 68, 0.15);
  --gp-primary-glow: rgba(239, 68, 68, 0.4);
  --gp-secondary: #FCA5A5;
  --gp-accent: #B91C1C;
  --gp-gradient-primary: linear-gradient(135deg, #B91C1C 0%, #EF4444 50%, #F87171 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(239, 68, 68, 0.3) 0%, rgba(248, 113, 113, 0.15) 100%);
  --border-focus: #EF4444;
  --border-hover: rgba(239, 68, 68, 0.5);
  --shadow-primary: 0 8px 25px rgba(239, 68, 68, 0.35);
  --shadow-glow: 0 0 20px rgba(239, 68, 68, 0.45);
  --bg-sidebar-active: rgba(239, 68, 68, 0.16);
}

/* 4. VERDE (Emerald Matrix / Menta Cyber) */
[data-color-theme="green"] {
  --gp-primary: #10B981;
  --gp-primary-hover: #34D399;
  --gp-primary-active: #059669;
  --gp-primary-light: rgba(16, 185, 129, 0.15);
  --gp-primary-glow: rgba(16, 185, 129, 0.4);
  --gp-secondary: #6EE7B7;
  --gp-accent: #047857;
  --gp-gradient-primary: linear-gradient(135deg, #047857 0%, #10B981 50%, #34D399 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(52, 211, 153, 0.15) 100%);
  --border-focus: #10B981;
  --border-hover: rgba(16, 185, 129, 0.5);
  --shadow-primary: 0 8px 25px rgba(16, 185, 129, 0.35);
  --shadow-glow: 0 0 20px rgba(16, 185, 129, 0.45);
  --bg-sidebar-active: rgba(16, 185, 129, 0.16);
}


/* 5. PRETO (Onyx Stealth / Carbono Noturno) */
[data-color-theme="black"] {
  --gp-primary: #0F172A;
  --gp-primary-hover: #1E293B;
  --gp-primary-active: #020617;
  --gp-primary-light: rgba(15, 23, 42, 0.1);
  --gp-primary-glow: rgba(15, 23, 42, 0.25);
  --gp-secondary: #334155;
  --gp-accent: #475569;
  --gp-gradient-primary: linear-gradient(135deg, #0F172A 0%, #334155 50%, #475569 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(15, 23, 42, 0.25) 0%, rgba(51, 65, 85, 0.1) 100%);
  --border-focus: #0F172A;
  --border-hover: rgba(15, 23, 42, 0.4);
  --shadow-primary: 0 8px 25px rgba(0, 0, 0, 0.2);
  --shadow-glow: 0 0 20px rgba(0, 0, 0, 0.15);
  --bg-sidebar-active: rgba(15, 23, 42, 0.1);
}

[data-theme="dark"][data-color-theme="black"] {
  --gp-primary: #CBD5E1;
  --gp-primary-hover: #FFFFFF;
  --gp-primary-active: #94A3B8;
  --gp-primary-light: rgba(255, 255, 255, 0.1);
  --gp-primary-glow: rgba(255, 255, 255, 0.25);
  --gp-secondary: #E2E8F0;
  --gp-accent: #64748B;
  --gp-gradient-primary: linear-gradient(135deg, #334155 0%, #64748B 50%, #94A3B8 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(148, 163, 184, 0.2) 0%, rgba(255, 255, 255, 0.08) 100%);
  --border-focus: #E2E8F0;
  --border-hover: rgba(255, 255, 255, 0.4);
  --shadow-primary: 0 8px 25px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 20px rgba(255, 255, 255, 0.2);
  --bg-sidebar-active: rgba(255, 255, 255, 0.1);
  --bg-body: #05070A;
  --bg-sidebar: #080A10;
  --bg-card: #0D1018;
  --bg-card-hover: #131722;
}

/* 6. LARANJA PADRÃO (Original) */
[data-color-theme="orange"] {
  --gp-primary: #FF6B00;
  --gp-primary-hover: #FF851A;
  --gp-primary-active: #E05E00;
  --gp-primary-light: rgba(255, 107, 0, 0.12);
  --gp-primary-glow: rgba(255, 107, 0, 0.35);
  --gp-secondary: #FFA726;
  --gp-accent: #FF5100;
  --gp-gradient-primary: linear-gradient(135deg, #FF6B00 0%, #FF9500 50%, #FFAE00 100%);
  --border-focus: #FF6B00;
  --border-hover: rgba(255, 107, 0, 0.4);
  --shadow-primary: 0 8px 25px rgba(255, 107, 0, 0.28);
  --shadow-glow: 0 0 20px rgba(255, 107, 0, 0.4);
  --bg-sidebar-active: rgba(255, 107, 0, 0.15);
}

/* 7. NORDIC GLACIAL (Anti-Fadiga / Cores Frias e Ergonômicas) */
[data-color-theme="nordic"] {
  --gp-primary: #38BDF8;
  --gp-primary-hover: #7DD3FC;
  --gp-primary-active: #0284C7;
  --gp-primary-light: rgba(56, 189, 248, 0.15);
  --gp-primary-glow: rgba(56, 189, 248, 0.35);
  --gp-secondary: #2DD4BF;
  --gp-accent: #0EA5E9;
  --gp-gold: #38BDF8;
  --gp-gradient-primary: linear-gradient(135deg, #0284C7 0%, #38BDF8 50%, #2DD4BF 100%);
  --gp-gradient-glow: linear-gradient(135deg, rgba(56, 189, 248, 0.3) 0%, rgba(45, 212, 191, 0.15) 100%);
  --border-focus: #38BDF8;
  --border-hover: rgba(56, 189, 248, 0.5);
  --shadow-primary: 0 8px 25px rgba(56, 189, 248, 0.3);
  --shadow-glow: 0 0 20px rgba(56, 189, 248, 0.4);
  --bg-sidebar-active: rgba(56, 189, 248, 0.15);
}

[data-theme="dark"][data-color-theme="nordic"] {
  --bg-body: #080D1A;
  --bg-sidebar: #0C1322;
  --bg-sidebar-active: rgba(56, 189, 248, 0.14);
  --bg-topbar: rgba(12, 19, 34, 0.88);
  --bg-card: #111A2E;
  --bg-card-hover: #16223B;
  --bg-card-elevated: #182542;
  --bg-input: #0A101D;
  --bg-modal: #111A2E;
  --bg-backdrop: rgba(4, 7, 14, 0.8);

  --border-subtle: rgba(56, 189, 248, 0.08);
  --border-card: rgba(56, 189, 248, 0.12);
  --border-focus: #38BDF8;
  --border-hover: rgba(56, 189, 248, 0.5);

  --text-main: #E2E8F0;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --text-inverse: #080D1A;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.65);
  --shadow-primary: 0 8px 25px rgba(56, 189, 248, 0.25);
  --shadow-glow: 0 0 22px rgba(56, 189, 248, 0.35);

  --glass-bg: rgba(17, 26, 46, 0.75);
  --glass-border: rgba(56, 189, 248, 0.12);
}

[data-theme="light"][data-color-theme="nordic"] {
  --bg-body: #F0F7FA;
  --bg-sidebar: #FFFFFF;
  --bg-sidebar-active: rgba(56, 189, 248, 0.12);
  --bg-topbar: rgba(255, 255, 255, 0.92);
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8FAFC;
  --bg-card-elevated: #FFFFFF;
  --bg-input: #EAF4F8;
  --bg-modal: #FFFFFF;
  --bg-backdrop: rgba(12, 19, 34, 0.5);

  --border-subtle: #D8EBF2;
  --border-card: #D8EBF2;
  --border-focus: #0284C7;
  --border-hover: rgba(2, 132, 199, 0.5);

  --text-main: #0C1E2E;
  --text-muted: #476579;
  --text-dim: #849DAE;
  --text-inverse: #FFFFFF;
}