/* ============================================================
   LuminaHub — Sistema de Temas
   Estratégia: sobrescrever as variáveis --dark-* e semânticas
   que o app.css usa, para que todos os componentes mudem.
   ============================================================ */

/* ── 1. DEFAULT (tema atual — preservado 100%) ─────────────── */
[data-theme="default"], :root {
  /* LuminaHub brand — dourado + creme + tinta escura */
  --dark-900: #0f0d0b;
  --dark-800: #1c1a17;
  --dark-700: #2a2520;
  --dark-600: #3a3530;
  --dark-500: #5a5248;
  --dark-400: #7a7060;
  --neutral-100: #f5f2ec;
  --neutral-200: #ede9e1;
  --neutral-300: #d8d2c4;
  --neutral-400: #b8b0a0;
  --neutral-500: #8a8070;
  --primary:       #b89455;
  --primary-dark:  #8a6e3e;
  --primary-light: rgba(184,148,85,0.12);
  --bg:            #f5f2ec;
  --bg-card:       #faf8f4;
  --bg-sidebar:    #1c1a17;
  --text-main:     #1c1a17;
  --text-muted:    #7a7060;
  --border:        #d8d2c4;
  --green-500:  #10b981; --green-400: #34d399;
  --red-500:    #ef4444; --red-400:   #f87171;
  --amber-500:  #f59e0b; --amber-400: #fbbf24;
  --blue-400:   #60a5fa;
  --coral-500:  #b89455;
  --coral-600:  #8a6e3e;
  --coral-400:  #d4b07a;
  --coral-300:  #e8d09a;
}
[data-theme="dark"] {
  --coral-500: #8b5cf6;
  --coral-600: #7c3aed;
  --coral-400: #c4b5fd;
  --coral-300: #c4b5fd;
  --primary-light: rgba(139,92,246,0.12);
  --dark-900: #010409;
  --dark-800: #0d1117;
  --dark-700: #161b22;
  --dark-600: #21262d;
  --dark-500: #30363d;
  --dark-400: #6e7681;
  --neutral-100: #161b22;
  --neutral-200: #21262d;
  --neutral-300: #30363d;
  --neutral-400: #6e7681;
  --neutral-500: #8b949e;
  --primary:       #8b5cf6;
  --primary-dark:  #7c3aed;
  --primary-light: rgba(139,92,246,0.15);
  --bg:            #0d1117;
  --bg-card:       #161b22;
  --bg-sidebar:    #010409;
  --text-main:     #e6edf3;
  --text-muted:    #8b949e;
  --border:        #30363d;
  --green-500:  #3fb950; --green-400: #56d364;
  --red-500:    #f85149; --red-400:   #ff7b72;
  --amber-500:  #d29922; --amber-400: #e3b341;
  --blue-400:   #58a6ff;
}

/* ── 3. BLUE (deep tech azul) ──────────────────────────────── */
[data-theme="blue"] {
  --coral-500: #388bfd;
  --coral-600: #1f7ae0;
  --coral-400: #79c0ff;
  --coral-300: #79c0ff;
  --primary-light: rgba(56,139,253,0.12);
  --dark-900: #030b16;
  --dark-800: #060d1a;
  --dark-700: #0a1628;
  --dark-600: #0f2040;
  --dark-500: #1c3054;
  --dark-400: #445566;
  --neutral-100: #0a1628;
  --neutral-200: #0f2040;
  --neutral-300: #1c3054;
  --neutral-400: #445566;
  --neutral-500: #768390;
  --primary:       #388bfd;
  --primary-dark:  #1f7ae0;
  --primary-light: rgba(56,139,253,0.15);
  --bg:            #060d1a;
  --bg-card:       #0a1628;
  --bg-sidebar:    #030b16;
  --text-main:     #cdd9e5;
  --text-muted:    #768390;
  --border:        #1c3054;
  --green-500:  #3fb950; --green-400: #56d364;
  --red-500:    #f85149; --red-400:   #ff7b72;
  --amber-500:  #e3b341; --amber-400: #f0c84a;
  --blue-400:   #79c0ff;
}

/* ── 4. RED (forte, vermelho) ───────────────────────────────── */
[data-theme="red"] {
  --coral-500: #f85149;
  --coral-600: #e03b32;
  --coral-400: #ffa198;
  --coral-300: #ffa198;
  --primary-light: rgba(248,81,73,0.12);
  --dark-900: #080505;
  --dark-800: #0f0a0a;
  --dark-700: #1a0f0f;
  --dark-600: #261414;
  --dark-500: #3a2020;
  --dark-400: #6b4040;
  --neutral-100: #1a0f0f;
  --neutral-200: #261414;
  --neutral-300: #3a2020;
  --neutral-400: #6b4040;
  --neutral-500: #a07070;
  --primary:       #f85149;
  --primary-dark:  #e03b32;
  --primary-light: rgba(248,81,73,0.15);
  --bg:            #0f0a0a;
  --bg-card:       #1a0f0f;
  --bg-sidebar:    #080505;
  --text-main:     #f0e6e6;
  --text-muted:    #a07070;
  --border:        #3a2020;
  --green-500:  #56d364; --green-400: #7ee787;
  --red-500:    #f85149; --red-400:   #ff7b72;
  --amber-500:  #e3b341; --amber-400: #f0c84a;
  --blue-400:   #79c0ff;
}

/* ── 5. GREEN (equilibrado, verde) ─────────────────────────── */
[data-theme="green"] {
  --coral-500: #3fb950;
  --coral-600: #29a23a;
  --coral-400: #7ee787;
  --coral-300: #7ee787;
  --primary-light: rgba(63,185,80,0.12);
  --dark-900: #060d08;
  --dark-800: #0a0f0b;
  --dark-700: #0f1a12;
  --dark-600: #152219;
  --dark-500: #1e3525;
  --dark-400: #4a6650;
  --neutral-100: #0f1a12;
  --neutral-200: #152219;
  --neutral-300: #1e3525;
  --neutral-400: #4a6650;
  --neutral-500: #7aa880;
  --primary:       #3fb950;
  --primary-dark:  #29a23a;
  --primary-light: rgba(63,185,80,0.15);
  --bg:            #0a0f0b;
  --bg-card:       #0f1a12;
  --bg-sidebar:    #060d08;
  --text-main:     #d1f0d8;
  --text-muted:    #7aa880;
  --border:        #1e3525;
  --green-500:  #3fb950; --green-400: #56d364;
  --red-500:    #f85149; --red-400:   #ff7b72;
  --amber-500:  #e3b341; --amber-400: #f0c84a;
  --blue-400:   #79c0ff;
}

/* ── 6. CLEAN (claro, minimalista) ─────────────────────────── */
[data-theme="clean"] {
  --coral-500: #343a40;
  --coral-600: #212529;
  --coral-400: #adb5bd;
  --coral-300: #adb5bd;
  --primary-light: rgba(52,58,64,0.08);
  --dark-900: #343a40;
  --dark-800: #212529;
  --dark-700: #343a40;
  --dark-600: #495057;
  --dark-500: #6c757d;
  --dark-400: #adb5bd;
  --neutral-100: #f8f9fa;
  --neutral-200: #e9ecef;
  --neutral-300: #dee2e6;
  --neutral-400: #adb5bd;
  --neutral-500: #6c757d;
  --primary:       #343a40;
  --primary-dark:  #212529;
  --primary-light: rgba(52,58,64,0.08);
  --bg:            #f8f9fa;
  --bg-card:       #ffffff;
  --bg-sidebar:    #212529;
  --text-main:     #212529;
  --text-muted:    #6c757d;
  --border:        #dee2e6;
  --green-500:  #2f9e44; --green-400: #40c057;
  --red-500:    #e03131; --red-400:   #f03e3e;
  --amber-500:  #e67700; --amber-400: #f59f00;
  --blue-400:   #339af0;
}

/* ── Tema switcher: badge ativo ─────────────────────────────── */
[data-theme-btn].is-active { outline: 2px solid var(--primary); outline-offset: 2px; }