/* AfterDark - Sistema de Temas */

/* ========== Tema: AfterDark (Padrão) ========== */
body[data-theme="afterdark"],
.community-analysis-item[data-author-theme="afterdark"] {
    /* Cores Base */
    --primary-color: #667eea;
    --primary-dark: #764ba2;
    --secondary-color: #f093fb;
    --secondary-dark: #f5576c;
    --accent-color: #667eea;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
    --background-dark: #0f0f23;
    --background-card: #1a1a2e;
    --background-card-secondary: #16213e;
    --background-hero: linear-gradient(135deg, rgba(26, 26, 46, 0.9), rgba(17, 24, 39, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #e0e6ed;
    --text-secondary: #a0aec0;
    --text-muted: #7f8ca5;
    --text-white: #ffffff;
    --text-light: #f7f9ff;
    --text-blue: #cbd5f5;

    /* Bordas */
    --border-color: rgba(255, 255, 255, 0.05);
    --border-color-light: rgba(255, 255, 255, 0.1);
    --border-color-medium: rgba(255, 255, 255, 0.08);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(0, 0, 0, 0.4);
    --shadow-primary: 0 6px 20px rgba(102, 126, 234, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-primary-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-card: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #ffa94d 0%, #ff6b35 100%);
    --gradient-info: linear-gradient(135deg, #a8c0ff 0%, #3f2b96 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --badge-finalizado: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --badge-pausado: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #a8c0ff 0%, #3f2b96 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.15) 100%);
    --badge-unificado-borda: rgba(102, 126, 234, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(15, 23, 42, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0f2027 0%, #16213e 100%);
    --scrollbar-thumb: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);
    --scrollbar-border: #0f2027;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --nota-boa: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --nota-media: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #ff6a00 0%, #ff00d4 45%, #7df9ff 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(102, 126, 234, 0.35), rgba(118, 75, 162, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(86, 171, 47, 0.22), rgba(168, 224, 99, 0.35));
    --feedback-success-border: rgba(168, 224, 99, 0.5);
    --feedback-success-text: #f0ffe2;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(99, 102, 241, 0.95) 0%, rgba(67, 56, 202, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(76, 81, 191, 0.95));
}

/* ========== Tema: Crimson Night ========== */
body[data-theme="crimson"],
.community-analysis-item[data-author-theme="crimson"] {
    /* Cores Base */
    --primary-color: #e63946;
    --primary-dark: #a4133c;
    --secondary-color: #ff006e;
    --secondary-dark: #c92a2a;
    --accent-color: #e63946;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1a0a0f 0%, #3d1f23 50%, #5a2a2e 100%);
    --background-dark: #1a0a0f;
    --background-card: #2d1619;
    --background-card-secondary: #3d1f23;
    --background-hero: linear-gradient(135deg, rgba(45, 22, 25, 0.9), rgba(61, 31, 35, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #ffe5ec;
    --text-secondary: #ffb3c1;
    --text-muted: #ff8fa3;
    --text-white: #ffffff;
    --text-light: #fff5f7;
    --text-blue: #ffd4dc;

    /* Bordas */
    --border-color: rgba(255, 255, 255, 0.05);
    --border-color-light: rgba(255, 255, 255, 0.1);
    --border-color-medium: rgba(255, 255, 255, 0.08);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(230, 57, 70, 0.3);
    --shadow-primary: 0 6px 20px rgba(230, 57, 70, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #e63946 0%, #a4133c 100%);
    --gradient-primary-hover: linear-gradient(135deg, #a4133c 0%, #e63946 100%);
    --gradient-secondary: linear-gradient(135deg, #ff006e 0%, #c92a2a 100%);
    --gradient-card: linear-gradient(135deg, #2d1619 0%, #3d1f23 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --gradient-danger: linear-gradient(135deg, #e63946 0%, #a4133c 100%);
    --gradient-warning: linear-gradient(135deg, #ffa94d 0%, #ff6b35 100%);
    --gradient-info: linear-gradient(135deg, #ff006e 0%, #a4133c 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #e63946 0%, #a4133c 100%);
    --badge-finalizado: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --badge-pausado: linear-gradient(135deg, #ff006e 0%, #c92a2a 100%);
    --badge-abandonado: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    --badge-planejando: linear-gradient(135deg, #ff6b9d 0%, #c94b6d 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(230, 57, 70, 0.2) 0%, rgba(164, 19, 60, 0.15) 100%);
    --badge-unificado-borda: rgba(230, 57, 70, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(230, 57, 70, 0.2), rgba(164, 19, 60, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1a0a0f 0%, #2d1619 100%);
    --scrollbar-thumb: linear-gradient(135deg, #e63946 0%, #a4133c 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #a4133c 0%, #e63946 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #c92a2a 0%, #8b0000 100%);
    --scrollbar-border: #1a0a0f;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    --nota-boa: linear-gradient(135deg, #e63946 0%, #a4133c 100%);
    --nota-media: linear-gradient(135deg, #ff006e 0%, #c92a2a 100%);
    --nota-baixa: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #ff006e 0%, #e63946 45%, #ffa94d 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(230, 57, 70, 0.35), rgba(164, 19, 60, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(230, 57, 70, 0.2), rgba(164, 19, 60, 0.35));
    --feedback-error-border: rgba(230, 57, 70, 0.5);
    --feedback-error-text: #ffe5ec;
    --feedback-success-bg: linear-gradient(135deg, rgba(86, 171, 47, 0.22), rgba(168, 224, 99, 0.35));
    --feedback-success-border: rgba(168, 224, 99, 0.5);
    --feedback-success-text: #f0ffe2;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(230, 57, 70, 0.95) 0%, rgba(164, 19, 60, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(45, 22, 25, 0.98), rgba(164, 19, 60, 0.95));
}

/* ========== Tema: Ocean Breeze ========== */
body[data-theme="ocean"],
.community-analysis-item[data-author-theme="ocean"] {
    /* Cores Base */
    --primary-color: #06b6d4;
    --primary-dark: #0284c7;
    --secondary-color: #38bdf8;
    --secondary-dark: #0369a1;
    --accent-color: #06b6d4;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0a1628 0%, #1e293b 50%, #334155 100%);
    --background-dark: #0a1628;
    --background-card: #1e293b;
    --background-card-secondary: #0f172a;
    --background-hero: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #e0f2fe;
    --text-secondary: #7dd3fc;
    --text-muted: #38bdf8;
    --text-white: #ffffff;
    --text-light: #f0f9ff;
    --text-blue: #bae6fd;

    /* Bordas */
    --border-color: rgba(6, 182, 212, 0.1);
    --border-color-light: rgba(6, 182, 212, 0.15);
    --border-color-medium: rgba(6, 182, 212, 0.12);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(6, 182, 212, 0.3);
    --shadow-primary: 0 6px 20px rgba(6, 182, 212, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
    --gradient-primary-hover: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);
    --gradient-secondary: linear-gradient(135deg, #38bdf8 0%, #0369a1 100%);
    --gradient-card: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #14b8a6 0%, #5eead4 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
    --badge-finalizado: linear-gradient(135deg, #14b8a6 0%, #5eead4 100%);
    --badge-pausado: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #38bdf8 0%, #0369a1 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(6, 182, 212, 0.2) 0%, rgba(2, 132, 199, 0.15) 100%);
    --badge-unificado-borda: rgba(6, 182, 212, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(2, 132, 199, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0a1628 0%, #1e293b 100%);
    --scrollbar-thumb: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #0369a1 0%, #075985 100%);
    --scrollbar-border: #0a1628;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #14b8a6 0%, #5eead4 100%);
    --nota-boa: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
    --nota-media: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #06b6d4 0%, #38bdf8 45%, #0ea5e9 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(6, 182, 212, 0.35), rgba(2, 132, 199, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(20, 184, 166, 0.22), rgba(94, 234, 212, 0.35));
    --feedback-success-border: rgba(94, 234, 212, 0.5);
    --feedback-success-text: #ccfbf1;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(6, 182, 212, 0.95) 0%, rgba(2, 132, 199, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(30, 41, 59, 0.98), rgba(6, 182, 212, 0.95));
}

/* ========== Tema: Forest Shadow ========== */
body[data-theme="forest"],
.community-analysis-item[data-author-theme="forest"] {
    /* Cores Base */
    --primary-color: #10b981;
    --primary-dark: #047857;
    --secondary-color: #34d399;
    --secondary-dark: #059669;
    --accent-color: #10b981;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0a1f12 0%, #1a2e1f 50%, #2d4a32 100%);
    --background-dark: #0a1f12;
    --background-card: #1a2e1f;
    --background-card-secondary: #14251b;
    --background-hero: linear-gradient(135deg, rgba(26, 46, 31, 0.9), rgba(20, 37, 27, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #d1fae5;
    --text-secondary: #6ee7b7;
    --text-muted: #34d399;
    --text-white: #ffffff;
    --text-light: #ecfdf5;
    --text-blue: #a7f3d0;

    /* Bordas */
    --border-color: rgba(16, 185, 129, 0.1);
    --border-color-light: rgba(16, 185, 129, 0.15);
    --border-color-medium: rgba(16, 185, 129, 0.12);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(16, 185, 129, 0.3);
    --shadow-primary: 0 6px 20px rgba(16, 185, 129, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #10b981 0%, #047857 100%);
    --gradient-primary-hover: linear-gradient(135deg, #047857 0%, #10b981 100%);
    --gradient-secondary: linear-gradient(135deg, #34d399 0%, #059669 100%);
    --gradient-card: linear-gradient(135deg, #1a2e1f 0%, #14251b 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #10b981 0%, #047857 100%);
    --badge-finalizado: linear-gradient(135deg, #059669 0%, #34d399 100%);
    --badge-pausado: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(4, 120, 87, 0.15) 100%);
    --badge-unificado-borda: rgba(16, 185, 129, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(4, 120, 87, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0a1f12 0%, #1a2e1f 100%);
    --scrollbar-thumb: linear-gradient(135deg, #10b981 0%, #047857 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #047857 0%, #10b981 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #059669 0%, #065f46 100%);
    --scrollbar-border: #0a1f12;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #059669 0%, #34d399 100%);
    --nota-boa: linear-gradient(135deg, #10b981 0%, #047857 100%);
    --nota-media: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #10b981 0%, #34d399 45%, #6ee7b7 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(4, 120, 87, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(52, 211, 153, 0.5);
    --feedback-success-text: #d1fae5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(16, 185, 129, 0.95) 0%, rgba(4, 120, 87, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(26, 46, 31, 0.98), rgba(16, 185, 129, 0.95));
}

/* ========== Tema: Sunset Glow ========== */
body[data-theme="sunset"],
.community-analysis-item[data-author-theme="sunset"] {
    /* Cores Base */
    --primary-color: #f59e0b;
    --primary-dark: #d97706;
    --secondary-color: #fbbf24;
    --secondary-dark: #f97316;
    --accent-color: #f59e0b;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1f1408 0%, #2d1e0e 50%, #4a3520 100%);
    --background-dark: #1f1408;
    --background-card: #2d1e0e;
    --background-card-secondary: #3d2814;
    --background-hero: linear-gradient(135deg, rgba(45, 30, 14, 0.9), rgba(61, 40, 20, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #fef3c7;
    --text-secondary: #fcd34d;
    --text-muted: #fbbf24;
    --text-white: #ffffff;
    --text-light: #fffbeb;
    --text-blue: #fde68a;

    /* Bordas */
    --border-color: rgba(245, 158, 11, 0.1);
    --border-color-light: rgba(245, 158, 11, 0.15);
    --border-color-medium: rgba(245, 158, 11, 0.12);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(245, 158, 11, 0.3);
    --shadow-primary: 0 6px 20px rgba(245, 158, 11, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-primary-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    --gradient-secondary: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
    --gradient-card: linear-gradient(135deg, #2d1e0e 0%, #3d2814 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-info: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --badge-finalizado: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --badge-pausado: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
    --badge-destaque-bg: rgba(251, 146, 60, 0.15);
    --badge-destaque-border: rgba(251, 146, 60, 0.9);
    --badge-destaque-color: #fb923c;
    --badge-unificado: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.15) 100%);
    --badge-unificado-borda: rgba(245, 158, 11, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(217, 119, 6, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1f1408 0%, #2d1e0e 100%);
    --scrollbar-thumb: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #b45309 0%, #92400e 100%);
    --scrollbar-border: #1f1408;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --nota-boa: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --nota-media: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #f59e0b 0%, #fbbf24 45%, #fcd34d 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(245, 158, 11, 0.35), rgba(217, 119, 6, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(52, 211, 153, 0.5);
    --feedback-success-text: #d1fae5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(245, 158, 11, 0.95) 0%, rgba(217, 119, 6, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(45, 30, 14, 0.98), rgba(245, 158, 11, 0.95));
}

/* ========== Tema: Purple Haze ========== */
body[data-theme="purple"],
.community-analysis-item[data-author-theme="purple"] {
    /* Cores Base */
    --primary-color: #a855f7;
    --primary-dark: #7c3aed;
    --secondary-color: #c084fc;
    --secondary-dark: #9333ea;
    --accent-color: #a855f7;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1a0a28 0%, #2d1b3d 50%, #4a2c5a 100%);
    --background-dark: #1a0a28;
    --background-card: #2d1b3d;
    --background-card-secondary: #1f1133;
    --background-hero: linear-gradient(135deg, rgba(45, 27, 61, 0.9), rgba(31, 17, 51, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #f3e8ff;
    --text-secondary: #d8b4fe;
    --text-muted: #c084fc;
    --text-white: #ffffff;
    --text-light: #faf5ff;
    --text-blue: #e9d5ff;

    /* Bordas */
    --border-color: rgba(168, 85, 247, 0.1);
    --border-color-light: rgba(168, 85, 247, 0.15);
    --border-color-medium: rgba(168, 85, 247, 0.12);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(168, 85, 247, 0.3);
    --shadow-primary: 0 6px 20px rgba(168, 85, 247, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --gradient-primary-hover: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    --gradient-secondary: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);
    --gradient-card: linear-gradient(135deg, #2d1b3d 0%, #1f1133 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --badge-finalizado: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --badge-pausado: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(124, 58, 237, 0.15) 100%);
    --badge-unificado-borda: rgba(168, 85, 247, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(124, 58, 237, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1a0a28 0%, #2d1b3d 100%);
    --scrollbar-thumb: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #9333ea 0%, #6b21a8 100%);
    --scrollbar-border: #1a0a28;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --nota-boa: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --nota-media: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #a855f7 0%, #c084fc 45%, #d8b4fe 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(168, 85, 247, 0.35), rgba(124, 58, 237, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(52, 211, 153, 0.5);
    --feedback-success-text: #d1fae5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(168, 85, 247, 0.95) 0%, rgba(124, 58, 237, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(45, 27, 61, 0.98), rgba(168, 85, 247, 0.95));
}

/* ========== Tema: Midnight Blue ========== */
body[data-theme="midnight"],
.community-analysis-item[data-author-theme="midnight"] {
    /* Cores Base */
    --primary-color: #3b82f6;
    --primary-dark: #1d4ed8;
    --secondary-color: #60a5fa;
    --secondary-dark: #2563eb;
    --accent-color: #3b82f6;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0a0f1e 0%, #1e2a47 50%, #334155 100%);
    --background-dark: #0a0f1e;
    --background-card: #1e2a47;
    --background-card-secondary: #0f1729;
    --background-hero: linear-gradient(135deg, rgba(30, 42, 71, 0.9), rgba(15, 23, 41, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #dbeafe;
    --text-secondary: #93c5fd;
    --text-muted: #60a5fa;
    --text-white: #ffffff;
    --text-light: #eff6ff;
    --text-blue: #bfdbfe;

    /* Bordas */
    --border-color: rgba(59, 130, 246, 0.1);
    --border-color-light: rgba(59, 130, 246, 0.15);
    --border-color-medium: rgba(59, 130, 246, 0.12);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6);
    --shadow-color: rgba(59, 130, 246, 0.3);
    --shadow-primary: 0 6px 20px rgba(59, 130, 246, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    --gradient-primary-hover: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
    --gradient-secondary: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
    --gradient-card: linear-gradient(135deg, #1e2a47 0%, #0f1729 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    --badge-finalizado: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --badge-pausado: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --badge-abandonado: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);
    --badge-planejando: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(29, 78, 216, 0.15) 100%);
    --badge-unificado-borda: rgba(59, 130, 246, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 255, 255, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(29, 78, 216, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0a0f1e 0%, #1e2a47 100%);
    --scrollbar-thumb: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    --scrollbar-border: #0a0f1e;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --nota-boa: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    --nota-media: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --nota-baixa: linear-gradient(135deg, #ff6b6b 0%, #c92a2a 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #3b82f6 0%, #60a5fa 45%, #93c5fd 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(59, 130, 246, 0.35), rgba(29, 78, 216, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(201, 42, 42, 0.35));
    --feedback-error-border: rgba(255, 107, 107, 0.5);
    --feedback-error-text: #ffdada;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(52, 211, 153, 0.5);
    --feedback-success-text: #d1fae5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(59, 130, 246, 0.95) 0%, rgba(29, 78, 216, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(30, 42, 71, 0.98), rgba(59, 130, 246, 0.95));
}

/* ========== Tema: Neon Tokyo ========== */
body[data-theme="neon"],
.community-analysis-item[data-author-theme="neon"] {
    /* Cores Base */
    --primary-color: #ff2a6d;
    --primary-dark: #d90368;
    --secondary-color: #05d9e8;
    --secondary-dark: #01c4d4;
    --accent-color: #ff2a6d;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0a0e27 0%, #1a1447 50%, #2d1b69 100%);
    --background-dark: #0a0e27;
    --background-card: #1a1447;
    --background-card-secondary: #2d1b69;
    --background-hero: linear-gradient(135deg, rgba(26, 20, 71, 0.9), rgba(45, 27, 105, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #ffffff;
    --text-secondary: #d4a5f9;
    --text-muted: #9d7bc0;
    --text-white: #ffffff;
    --text-light: #fff5ff;
    --text-blue: #d0f4fa;

    /* Bordas */
    --border-color: rgba(255, 42, 109, 0.15);
    --border-color-light: rgba(255, 42, 109, 0.2);
    --border-color-medium: rgba(255, 42, 109, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(255, 42, 109, 0.3);
    --shadow-md: 0 4px 15px rgba(255, 42, 109, 0.4);
    --shadow-lg: 0 8px 32px rgba(255, 42, 109, 0.5);
    --shadow-xl: 0 12px 40px rgba(255, 42, 109, 0.6);
    --shadow-color: rgba(255, 42, 109, 0.4);
    --shadow-primary: 0 6px 20px rgba(255, 42, 109, 0.5);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #ff2a6d 0%, #d90368 100%);
    --gradient-primary-hover: linear-gradient(135deg, #d90368 0%, #ff2a6d 100%);
    --gradient-secondary: linear-gradient(135deg, #05d9e8 0%, #01c4d4 100%);
    --gradient-card: linear-gradient(135deg, #1a1447 0%, #2d1b69 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #05d9e8 0%, #01c4d4 100%);
    --gradient-danger: linear-gradient(135deg, #ff2a6d 0%, #d90368 100%);
    --gradient-warning: linear-gradient(135deg, #ffa500 0%, #ff6b35 100%);
    --gradient-info: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #ff2a6d 0%, #d90368 100%);
    --badge-finalizado: linear-gradient(135deg, #05d9e8 0%, #01c4d4 100%);
    --badge-pausado: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --badge-abandonado: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);
    --badge-planejando: linear-gradient(135deg, #ffa500 0%, #ff6b35 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(255, 42, 109, 0.2) 0%, rgba(217, 3, 104, 0.15) 100%);
    --badge-unificado-borda: rgba(255, 42, 109, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 42, 109, 0.1);
    --gradient-overlay: linear-gradient(135deg, rgba(255, 42, 109, 0.2), rgba(45, 27, 105, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0a0e27 0%, #1a1447 100%);
    --scrollbar-thumb: linear-gradient(135deg, #ff2a6d 0%, #05d9e8 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #05d9e8 0%, #ff2a6d 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #d90368 0%, #01c4d4 100%);
    --scrollbar-border: #0a0e27;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #05d9e8 0%, #01c4d4 100%);
    --nota-boa: linear-gradient(135deg, #ff2a6d 0%, #d90368 100%);
    --nota-media: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    --nota-baixa: linear-gradient(135deg, #8b0000 0%, #5a0000 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #ff2a6d 0%, #05d9e8 45%, #a855f7 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(255, 42, 109, 0.35), rgba(217, 3, 104, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(255, 42, 109, 0.2), rgba(217, 3, 104, 0.35));
    --feedback-error-border: rgba(255, 42, 109, 0.5);
    --feedback-error-text: #ffe5ec;
    --feedback-success-bg: linear-gradient(135deg, rgba(5, 217, 232, 0.22), rgba(1, 196, 212, 0.35));
    --feedback-success-border: rgba(5, 217, 232, 0.5);
    --feedback-success-text: #e0f9fc;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(255, 42, 109, 0.95) 0%, rgba(217, 3, 104, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(26, 20, 71, 0.98), rgba(255, 42, 109, 0.95));
}

/* ========== Tema: Arctic Frost ========== */
body[data-theme="arctic"],
.community-analysis-item[data-author-theme="arctic"] {
    /* Cores Base */
    --primary-color: #7dd3fc;
    --primary-dark: #0ea5e9;
    --secondary-color: #e0f2fe;
    --secondary-dark: #bae6fd;
    --accent-color: #7dd3fc;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0c1821 0%, #1e3a4a 50%, #2b5266 100%);
    --background-dark: #0c1821;
    --background-card: #1e3a4a;
    --background-card-secondary: #2b5266;
    --background-hero: linear-gradient(135deg, rgba(30, 58, 74, 0.9), rgba(43, 82, 102, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #f0f9ff;
    --text-secondary: #bae6fd;
    --text-muted: #7dd3fc;
    --text-white: #ffffff;
    --text-light: #ffffff;
    --text-blue: #e0f2fe;

    /* Bordas */
    --border-color: rgba(125, 211, 252, 0.15);
    --border-color-light: rgba(125, 211, 252, 0.2);
    --border-color-medium: rgba(125, 211, 252, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(14, 165, 233, 0.2);
    --shadow-md: 0 4px 15px rgba(14, 165, 233, 0.3);
    --shadow-lg: 0 8px 32px rgba(14, 165, 233, 0.4);
    --shadow-xl: 0 12px 40px rgba(14, 165, 233, 0.5);
    --shadow-color: rgba(14, 165, 233, 0.3);
    --shadow-primary: 0 6px 20px rgba(125, 211, 252, 0.4);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);
    --gradient-primary-hover: linear-gradient(135deg, #0ea5e9 0%, #7dd3fc 100%);
    --gradient-secondary: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
    --gradient-card: linear-gradient(135deg, #1e3a4a 0%, #2b5266 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);
    --badge-finalizado: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --badge-pausado: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
    --badge-abandonado: linear-gradient(135deg, #475569 0%, #334155 100%);
    --badge-planejando: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(125, 211, 252, 0.2) 0%, rgba(14, 165, 233, 0.15) 100%);
    --badge-unificado-borda: rgba(125, 211, 252, 0.35);

    /* Hover States */
    --hover-bg: rgba(125, 211, 252, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(125, 211, 252, 0.2), rgba(43, 82, 102, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0c1821 0%, #1e3a4a 100%);
    --scrollbar-thumb: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #0ea5e9 0%, #7dd3fc 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    --scrollbar-border: #0c1821;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --nota-boa: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);
    --nota-media: linear-gradient(135deg, #bae6fd 0%, #7dd3fc 100%);
    --nota-baixa: linear-gradient(135deg, #475569 0%, #334155 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #7dd3fc 0%, #e0f2fe 45%, #bae6fd 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(125, 211, 252, 0.35), rgba(14, 165, 233, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(30, 64, 175, 0.35));
    --feedback-error-border: rgba(59, 130, 246, 0.5);
    --feedback-error-text: #dbeafe;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(16, 185, 129, 0.5);
    --feedback-success-text: #d1fae5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(125, 211, 252, 0.95) 0%, rgba(14, 165, 233, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(30, 58, 74, 0.98), rgba(125, 211, 252, 0.95));
}

/* ========== Tema: Lava Flow ========== */
body[data-theme="lava"],
.community-analysis-item[data-author-theme="lava"] {
    /* Cores Base */
    --primary-color: #ff6b35;
    --primary-dark: #d84315;
    --secondary-color: #ff9800;
    --secondary-dark: #f57c00;
    --accent-color: #ff6b35;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1a0f0a 0%, #3d1e10 50%, #5a2a15 100%);
    --background-dark: #1a0f0a;
    --background-card: #3d1e10;
    --background-card-secondary: #5a2a15;
    --background-hero: linear-gradient(135deg, rgba(61, 30, 16, 0.9), rgba(90, 42, 21, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #fff5e6;
    --text-secondary: #ffccbc;
    --text-muted: #ff9e80;
    --text-white: #ffffff;
    --text-light: #fffaf5;
    --text-blue: #ffe0cc;

    /* Bordas */
    --border-color: rgba(255, 107, 53, 0.15);
    --border-color-light: rgba(255, 107, 53, 0.2);
    --border-color-medium: rgba(255, 107, 53, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(255, 107, 53, 0.3);
    --shadow-md: 0 4px 15px rgba(255, 107, 53, 0.4);
    --shadow-lg: 0 8px 32px rgba(255, 107, 53, 0.5);
    --shadow-xl: 0 12px 40px rgba(255, 107, 53, 0.6);
    --shadow-color: rgba(255, 107, 53, 0.4);
    --shadow-primary: 0 6px 20px rgba(255, 107, 53, 0.5);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #ff6b35 0%, #d84315 100%);
    --gradient-primary-hover: linear-gradient(135deg, #d84315 0%, #ff6b35 100%);
    --gradient-secondary: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    --gradient-card: linear-gradient(135deg, #3d1e10 0%, #5a2a15 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
    --gradient-danger: linear-gradient(135deg, #d84315 0%, #bf360c 100%);
    --gradient-warning: linear-gradient(135deg, #ff9800 0%, #ff6f00 100%);
    --gradient-info: linear-gradient(135deg, #ff6b35 0%, #ff8a65 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #ff6b35 0%, #d84315 100%);
    --badge-finalizado: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
    --badge-pausado: linear-gradient(135deg, #ff8a65 0%, #ff6b35 100%);
    --badge-abandonado: linear-gradient(135deg, #5d4037 0%, #3e2723 100%);
    --badge-planejando: linear-gradient(135deg, #ffab40 0%, #ff9100 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(255, 107, 53, 0.2) 0%, rgba(216, 67, 21, 0.15) 100%);
    --badge-unificado-borda: rgba(255, 107, 53, 0.35);

    /* Hover States */
    --hover-bg: rgba(255, 107, 53, 0.1);
    --gradient-overlay: linear-gradient(135deg, rgba(255, 107, 53, 0.2), rgba(90, 42, 21, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1a0f0a 0%, #3d1e10 100%);
    --scrollbar-thumb: linear-gradient(135deg, #ff6b35 0%, #ff9800 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #ff9800 0%, #ff6b35 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #d84315 0%, #f57c00 100%);
    --scrollbar-border: #1a0f0a;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);
    --nota-boa: linear-gradient(135deg, #ff6b35 0%, #d84315 100%);
    --nota-media: linear-gradient(135deg, #ff8a65 0%, #ff6b35 100%);
    --nota-baixa: linear-gradient(135deg, #5d4037 0%, #3e2723 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #ff6b35 0%, #ff9800 45%, #ffb74d 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(255, 107, 53, 0.35), rgba(216, 67, 21, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(216, 67, 21, 0.2), rgba(191, 54, 12, 0.35));
    --feedback-error-border: rgba(216, 67, 21, 0.5);
    --feedback-error-text: #ffe0d5;
    --feedback-success-bg: linear-gradient(135deg, rgba(255, 152, 0, 0.22), rgba(255, 183, 77, 0.35));
    --feedback-success-border: rgba(255, 152, 0, 0.5);
    --feedback-success-text: #fff3e0;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(255, 107, 53, 0.95) 0%, rgba(216, 67, 21, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(61, 30, 16, 0.98), rgba(255, 107, 53, 0.95));
}

/* ========== Tema: Emerald Dream ========== */
body[data-theme="emerald"],
.community-analysis-item[data-author-theme="emerald"] {
    /* Cores Base */
    --primary-color: #10b981;
    --primary-dark: #059669;
    --secondary-color: #34d399;
    --secondary-dark: #10b981;
    --accent-color: #10b981;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #0a1f1a 0%, #1a3a2e 50%, #2d5a47 100%);
    --background-dark: #0a1f1a;
    --background-card: #1a3a2e;
    --background-card-secondary: #2d5a47;
    --background-hero: linear-gradient(135deg, rgba(26, 58, 46, 0.9), rgba(45, 90, 71, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #ecfdf5;
    --text-secondary: #a7f3d0;
    --text-muted: #6ee7b7;
    --text-white: #ffffff;
    --text-light: #f7fff9;
    --text-blue: #d1fae5;

    /* Bordas */
    --border-color: rgba(16, 185, 129, 0.15);
    --border-color-light: rgba(16, 185, 129, 0.2);
    --border-color-medium: rgba(16, 185, 129, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(16, 185, 129, 0.3);
    --shadow-md: 0 4px 15px rgba(16, 185, 129, 0.4);
    --shadow-lg: 0 8px 32px rgba(16, 185, 129, 0.5);
    --shadow-xl: 0 12px 40px rgba(16, 185, 129, 0.6);
    --shadow-color: rgba(16, 185, 129, 0.4);
    --shadow-primary: 0 6px 20px rgba(16, 185, 129, 0.5);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --gradient-primary-hover: linear-gradient(135deg, #059669 0%, #10b981 100%);
    --gradient-secondary: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    --gradient-card: linear-gradient(135deg, #1a3a2e 0%, #2d5a47 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-danger: linear-gradient(135deg, #065f46 0%, #047857 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --badge-finalizado: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    --badge-pausado: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
    --badge-abandonado: linear-gradient(135deg, #065f46 0%, #064e3b 100%);
    --badge-planejando: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.15) 100%);
    --badge-unificado-borda: rgba(16, 185, 129, 0.35);

    /* Hover States */
    --hover-bg: rgba(16, 185, 129, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(45, 90, 71, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #0a1f1a 0%, #1a3a2e 100%);
    --scrollbar-thumb: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #059669 0%, #10b981 100%);
    --scrollbar-border: #0a1f1a;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #34d399 0%, #6ee7b7 100%);
    --nota-boa: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --nota-media: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%);
    --nota-baixa: linear-gradient(135deg, #065f46 0%, #064e3b 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #10b981 0%, #34d399 45%, #6ee7b7 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(5, 150, 105, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(6, 95, 70, 0.2), rgba(4, 120, 87, 0.35));
    --feedback-error-border: rgba(6, 95, 70, 0.5);
    --feedback-error-text: #d1fae5;
    --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(52, 211, 153, 0.35));
    --feedback-success-border: rgba(16, 185, 129, 0.5);
    --feedback-success-text: #ecfdf5;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(16, 185, 129, 0.95) 0%, rgba(5, 150, 105, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(26, 58, 46, 0.98), rgba(16, 185, 129, 0.95));
}

/* ========== Tema: Golden Hour ========== */
body[data-theme="golden"],
.community-analysis-item[data-author-theme="golden"] {
    /* Cores Base */
    --primary-color: #f59e0b;
    --primary-dark: #d97706;
    --secondary-color: #fbbf24;
    --secondary-dark: #f59e0b;
    --accent-color: #f59e0b;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1f1810 0%, #3d2f1e 50%, #5a462d 100%);
    --background-dark: #1f1810;
    --background-card: #3d2f1e;
    --background-card-secondary: #5a462d;
    --background-hero: linear-gradient(135deg, rgba(61, 47, 30, 0.9), rgba(90, 70, 45, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #fffbeb;
    --text-secondary: #fde68a;
    --text-muted: #fcd34d;
    --text-white: #ffffff;
    --text-light: #fefce8;
    --text-blue: #fef3c7;

    /* Bordas */
    --border-color: rgba(245, 158, 11, 0.15);
    --border-color-light: rgba(245, 158, 11, 0.2);
    --border-color-medium: rgba(245, 158, 11, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(245, 158, 11, 0.3);
    --shadow-md: 0 4px 15px rgba(245, 158, 11, 0.4);
    --shadow-lg: 0 8px 32px rgba(245, 158, 11, 0.5);
    --shadow-xl: 0 12px 40px rgba(245, 158, 11, 0.6);
    --shadow-color: rgba(245, 158, 11, 0.4);
    --shadow-primary: 0 6px 20px rgba(245, 158, 11, 0.5);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-primary-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    --gradient-secondary: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-card: linear-gradient(135deg, #3d2f1e 0%, #5a462d 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
    --gradient-danger: linear-gradient(135deg, #b45309 0%, #92400e 100%);
    --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-info: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --badge-finalizado: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
    --badge-pausado: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);
    --badge-abandonado: linear-gradient(135deg, #78350f 0%, #451a03 100%);
    --badge-planejando: linear-gradient(135deg, #fed7aa 0%, #fde68a 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.15) 100%);
    --badge-unificado-borda: rgba(245, 158, 11, 0.35);

    /* Hover States */
    --hover-bg: rgba(245, 158, 11, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(90, 70, 45, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1f1810 0%, #3d2f1e 100%);
    --scrollbar-thumb: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    --scrollbar-border: #1f1810;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #fbbf24 0%, #fde68a 100%);
    --nota-boa: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --nota-media: linear-gradient(135deg, #fcd34d 0%, #fbbf24 100%);
    --nota-baixa: linear-gradient(135deg, #78350f 0%, #451a03 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #f59e0b 0%, #fbbf24 45%, #fde68a 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(245, 158, 11, 0.35), rgba(217, 119, 6, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(180, 83, 9, 0.2), rgba(146, 64, 14, 0.35));
    --feedback-error-border: rgba(180, 83, 9, 0.5);
    --feedback-error-text: #fef3c7;
    --feedback-success-bg: linear-gradient(135deg, rgba(251, 191, 36, 0.22), rgba(253, 230, 138, 0.35));
    --feedback-success-border: rgba(251, 191, 36, 0.5);
    --feedback-success-text: #fffbeb;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(245, 158, 11, 0.95) 0%, rgba(217, 119, 6, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(61, 47, 30, 0.98), rgba(245, 158, 11, 0.95));
}

/* ========== Tema: Royal Purple ========== */
body[data-theme="royal"],
.community-analysis-item[data-author-theme="royal"] {
    /* Cores Base */
    --primary-color: #a855f7;
    --primary-dark: #7e22ce;
    --secondary-color: #c084fc;
    --secondary-dark: #9333ea;
    --accent-color: #a855f7;

    /* Backgrounds */
    --background-body: linear-gradient(135deg, #1e0a2e 0%, #3a1e5a 50%, #4a2d6e 100%);
    --background-dark: #1e0a2e;
    --background-card: #3a1e5a;
    --background-card-secondary: #4a2d6e;
    --background-hero: linear-gradient(135deg, rgba(58, 30, 90, 0.9), rgba(74, 45, 110, 0.95));
    --background-input: rgba(255, 255, 255, 0.05);
    --background-input-focus: rgba(255, 255, 255, 0.08);

    /* Texto */
    --text-primary: #faf5ff;
    --text-secondary: #e9d5ff;
    --text-muted: #d8b4fe;
    --text-white: #ffffff;
    --text-light: #fefbff;
    --text-blue: #f3e8ff;

    /* Bordas */
    --border-color: rgba(168, 85, 247, 0.15);
    --border-color-light: rgba(168, 85, 247, 0.2);
    --border-color-medium: rgba(168, 85, 247, 0.18);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(168, 85, 247, 0.3);
    --shadow-md: 0 4px 15px rgba(168, 85, 247, 0.4);
    --shadow-lg: 0 8px 32px rgba(168, 85, 247, 0.5);
    --shadow-xl: 0 12px 40px rgba(168, 85, 247, 0.6);
    --shadow-color: rgba(168, 85, 247, 0.4);
    --shadow-primary: 0 6px 20px rgba(168, 85, 247, 0.5);

    /* Gradientes Principais */
    --gradient-primary: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
    --gradient-primary-hover: linear-gradient(135deg, #7e22ce 0%, #a855f7 100%);
    --gradient-secondary: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);
    --gradient-card: linear-gradient(135deg, #3a1e5a 0%, #4a2d6e 100%);

    /* Gradientes de Status/Botões */
    --gradient-success: linear-gradient(135deg, #c084fc 0%, #e9d5ff 100%);
    --gradient-danger: linear-gradient(135deg, #6b21a8 0%, #581c87 100%);
    --gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-info: linear-gradient(135deg, #d8b4fe 0%, #c084fc 100%);

    /* Gradientes de Badges */
    --badge-jogando: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
    --badge-finalizado: linear-gradient(135deg, #c084fc 0%, #e9d5ff 100%);
    --badge-pausado: linear-gradient(135deg, #d8b4fe 0%, #c084fc 100%);
    --badge-abandonado: linear-gradient(135deg, #581c87 0%, #3b0764 100%);
    --badge-planejando: linear-gradient(135deg, #f0abfc 0%, #e879f9 100%);
    --badge-destaque-bg: rgba(246, 173, 85, 0.15);
    --badge-destaque-border: rgba(246, 173, 85, 0.9);
    --badge-destaque-color: #f6ad55;
    --badge-unificado: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(126, 34, 206, 0.15) 100%);
    --badge-unificado-borda: rgba(168, 85, 247, 0.35);

    /* Hover States */
    --hover-bg: rgba(168, 85, 247, 0.08);
    --gradient-overlay: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(74, 45, 110, 0.6));

    /* Scrollbar */
    --scrollbar-track: linear-gradient(135deg, #1e0a2e 0%, #3a1e5a 100%);
    --scrollbar-thumb: linear-gradient(135deg, #a855f7 0%, #c084fc 100%);
    --scrollbar-thumb-hover: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);
    --scrollbar-thumb-active: linear-gradient(135deg, #7e22ce 0%, #9333ea 100%);
    --scrollbar-border: #1e0a2e;

    /* Gradientes de Notas */
    --nota-excelente: linear-gradient(135deg, #c084fc 0%, #e9d5ff 100%);
    --nota-boa: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
    --nota-media: linear-gradient(135deg, #d8b4fe 0%, #c084fc 100%);
    --nota-baixa: linear-gradient(135deg, #581c87 0%, #3b0764 100%);

    /* Elementos Específicos */
    --brand-gradient: linear-gradient(120deg, #a855f7 0%, #c084fc 45%, #e9d5ff 100%);
    --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%);
    --steam-button-text: #c7d5e0;
    --select-background: linear-gradient(135deg, rgba(168, 85, 247, 0.35), rgba(126, 34, 206, 0.35));

    /* Feedback */
    --feedback-error-bg: linear-gradient(135deg, rgba(107, 33, 168, 0.2), rgba(88, 28, 135, 0.35));
    --feedback-error-border: rgba(107, 33, 168, 0.5);
    --feedback-error-text: #f3e8ff;
    --feedback-success-bg: linear-gradient(135deg, rgba(192, 132, 252, 0.22), rgba(233, 213, 255, 0.35));
    --feedback-success-border: rgba(192, 132, 252, 0.5);
    --feedback-success-text: #faf5ff;

    /* Toast */
    --toast-info: linear-gradient(135deg, rgba(168, 85, 247, 0.95) 0%, rgba(126, 34, 206, 0.95) 100%);
    --toast-confirm: linear-gradient(135deg, rgba(58, 30, 90, 0.98), rgba(168, 85, 247, 0.95));
}

/* ========== Tema: Clean White ========== */
body[data-theme="white"],
.community-analysis-item[data-author-theme="white"] {
    --primary-color: #2563eb; --primary-dark: #1d4ed8; --secondary-color: #64748b; --secondary-dark: #475569; --accent-color: #2563eb;
    --background-body: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%); --background-dark: #ffffff; --background-card: #ffffff; --background-card-secondary: #f8fafc; --background-hero: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.98)); --background-input: rgba(0, 0, 0, 0.03); --background-input-focus: rgba(0, 0, 0, 0.05);
    --text-primary: #0f172a; --text-secondary: #334155; --text-muted: #64748b; --text-white: #0f172a; --text-light: #1e293b; --text-blue: #475569;
    --border-color: rgba(0, 0, 0, 0.08); --border-color-light: rgba(0, 0, 0, 0.12); --border-color-medium: rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.15); --shadow-color: rgba(0, 0, 0, 0.1); --shadow-primary: 0 6px 20px rgba(37, 99, 235, 0.3);
    --gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); --gradient-primary-hover: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%); --gradient-secondary: linear-gradient(135deg, #64748b 0%, #475569 100%); --gradient-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --badge-jogando: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #64748b 0%, #475569 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #d97706; --badge-unificado: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%); --badge-unificado-borda: rgba(37, 99, 235, 0.25); --badge-text-color: #0f172a;
    --hover-bg: rgba(0, 0, 0, 0.05); --gradient-overlay: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(248, 250, 252, 0.6));
    --scrollbar-track: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); --scrollbar-thumb: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%); --scrollbar-thumb-active: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); --scrollbar-border: #f8fafc;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #2563eb 0%, #64748b 45%, #f8fafc 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #0f172a; --select-background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(29, 78, 216, 0.2));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.2)); --feedback-error-border: rgba(239, 68, 68, 0.4); --feedback-error-text: #991b1b; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.2)); --feedback-success-border: rgba(16, 185, 129, 0.4); --feedback-success-text: #065f46;
    --toast-info: linear-gradient(135deg, rgba(37, 99, 235, 0.95) 0%, rgba(29, 78, 216, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(37, 99, 235, 0.95));
}

/* ========== Tema: Dark Carbon ========== */
body[data-theme="carbon"],
.community-analysis-item[data-author-theme="carbon"] {
    --primary-color: #06b6d4; --primary-dark: #0891b2; --secondary-color: #0891b2; --secondary-dark: #06b6d4; --accent-color: #06b6d4;
    --background-body: linear-gradient(135deg, #09090b 0%, #18181b 50%, #27272a 100%); --background-dark: #09090b; --background-card: #18181b; --background-card-secondary: #27272a; --background-hero: linear-gradient(135deg, rgba(24, 24, 27, 0.9), rgba(39, 39, 42, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fafafa; --text-secondary: #d4d4d8; --text-muted: #a1a1aa; --text-white: #fafafa; --text-light: #fafafa; --text-blue: #d4d4d8;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(6, 182, 212, 0.4);
    --gradient-primary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); --gradient-primary-hover: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); --gradient-secondary: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); --gradient-card: linear-gradient(135deg, #18181b 0%, #27272a 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --badge-jogando: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(6, 182, 212, 0.2) 0%, rgba(8, 145, 178, 0.15) 100%); --badge-unificado-borda: rgba(6, 182, 212, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(39, 39, 42, 0.6));
    --scrollbar-track: linear-gradient(135deg, #09090b 0%, #18181b 100%); --scrollbar-thumb: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); --scrollbar-thumb-active: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); --scrollbar-border: #09090b;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #06b6d4 0%, #0891b2 45%, #a1a1aa 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(6, 182, 212, 0.35), rgba(8, 145, 178, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(6, 182, 212, 0.95) 0%, rgba(8, 145, 178, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(24, 24, 27, 0.98), rgba(6, 182, 212, 0.95));
}

/* ========== Tema: Gray Minimal ========== */
body[data-theme="gray"],
.community-analysis-item[data-author-theme="gray"] {
    --primary-color: #64748b; --primary-dark: #475569; --secondary-color: #475569; --secondary-dark: #64748b; --accent-color: #64748b;
    --background-body: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 50%, #f8fafc 100%); --background-dark: #ffffff; --background-card: #e2e8f0; --background-card-secondary: #f1f5f9; --background-hero: linear-gradient(135deg, rgba(226, 232, 240, 0.95), rgba(241, 245, 249, 0.98)); --background-input: rgba(0, 0, 0, 0.03); --background-input-focus: rgba(0, 0, 0, 0.05);
    --text-primary: #0f172a; --text-secondary: #334155; --text-muted: #5b687c; --text-white: #0f172a; --text-light: #0f172a; --text-blue: #334155;
    --border-color: rgba(0, 0, 0, 0.08); --border-color-light: rgba(0, 0, 0, 0.12); --border-color-medium: rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.15); --shadow-color: rgba(0, 0, 0, 0.1); --shadow-primary: 0 6px 20px rgba(100, 116, 139, 0.3);
    --gradient-primary: linear-gradient(135deg, #64748b 0%, #475569 100%); --gradient-primary-hover: linear-gradient(135deg, #475569 0%, #64748b 100%); --gradient-secondary: linear-gradient(135deg, #475569 0%, #64748b 100%); --gradient-card: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --badge-jogando: linear-gradient(135deg, #64748b 0%, #475569 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #d97706; --badge-unificado: linear-gradient(135deg, rgba(100, 116, 139, 0.15) 0%, rgba(71, 85, 105, 0.1) 100%); --badge-unificado-borda: rgba(100, 116, 139, 0.25); --badge-text-color: #0f172a;
    --hover-bg: rgba(0, 0, 0, 0.05); --gradient-overlay: linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(241, 245, 249, 0.6));
    --scrollbar-track: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 100%); --scrollbar-thumb: linear-gradient(135deg, #64748b 0%, #475569 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #475569 0%, #64748b 100%); --scrollbar-thumb-active: linear-gradient(135deg, #475569 0%, #64748b 100%); --scrollbar-border: #e2e8f0;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #64748b 0%, #475569 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #64748b 0%, #475569 45%, #f8fafc 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #0f172a; --select-background: linear-gradient(135deg, rgba(100, 116, 139, 0.2), rgba(71, 85, 105, 0.2));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.2)); --feedback-error-border: rgba(239, 68, 68, 0.4); --feedback-error-text: #991b1b; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.2)); --feedback-success-border: rgba(16, 185, 129, 0.4); --feedback-success-text: #065f46;
    --toast-info: linear-gradient(135deg, rgba(100, 116, 139, 0.95) 0%, rgba(71, 85, 105, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(226, 232, 240, 0.98), rgba(100, 116, 139, 0.95));
}

/* ========== Tema: Coffee Brown ========== */
body[data-theme="coffee"],
.community-analysis-item[data-author-theme="coffee"] {
    --primary-color: #92400e; --primary-dark: #78350f; --secondary-color: #78350f; --secondary-dark: #92400e; --accent-color: #92400e;
    --background-body: linear-gradient(135deg, #1c0f0a 0%, #2d1a12 50%, #3e241a 100%); --background-dark: #1c0f0a; --background-card: #2d1a12; --background-card-secondary: #3e241a; --background-hero: linear-gradient(135deg, rgba(45, 26, 18, 0.9), rgba(62, 36, 26, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fef3c7; --text-secondary: #fde68a; --text-muted: #fcd34d; --text-white: #fef3c7; --text-light: #fef3c7; --text-blue: #fde68a;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(146, 64, 14, 0.4);
    --gradient-primary: linear-gradient(135deg, #92400e 0%, #78350f 100%); --gradient-primary-hover: linear-gradient(135deg, #78350f 0%, #92400e 100%); --gradient-secondary: linear-gradient(135deg, #78350f 0%, #92400e 100%); --gradient-card: linear-gradient(135deg, #2d1a12 0%, #3e241a 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #92400e 0%, #78350f 100%);
    --badge-jogando: linear-gradient(135deg, #92400e 0%, #78350f 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(146, 64, 14, 0.2) 0%, rgba(120, 53, 15, 0.15) 100%); --badge-unificado-borda: rgba(146, 64, 14, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(146, 64, 14, 0.2), rgba(62, 36, 26, 0.6));
    --scrollbar-track: linear-gradient(135deg, #1c0f0a 0%, #2d1a12 100%); --scrollbar-thumb: linear-gradient(135deg, #92400e 0%, #78350f 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #78350f 0%, #92400e 100%); --scrollbar-thumb-active: linear-gradient(135deg, #78350f 0%, #92400e 100%); --scrollbar-border: #1c0f0a;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #92400e 0%, #78350f 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #92400e 0%, #78350f 45%, #fcd34d 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(146, 64, 14, 0.35), rgba(120, 53, 15, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(146, 64, 14, 0.95) 0%, rgba(120, 53, 15, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(45, 26, 18, 0.98), rgba(146, 64, 14, 0.95));
}

/* ========== Tema: Vivid Red ========== */
body[data-theme="vivid"],
.community-analysis-item[data-author-theme="vivid"] {
    --primary-color: #dc2626; --primary-dark: #b91c1c; --secondary-color: #b91c1c; --secondary-dark: #dc2626; --accent-color: #dc2626;
    --background-body: linear-gradient(135deg, #1a0505 0%, #2d0a0a 50%, #3f0f0f 100%); --background-dark: #1a0505; --background-card: #2d0a0a; --background-card-secondary: #3f0f0f; --background-hero: linear-gradient(135deg, rgba(45, 10, 10, 0.9), rgba(63, 15, 15, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fecaca; --text-secondary: #fca5a5; --text-muted: #f87171; --text-white: #fecaca; --text-light: #fecaca; --text-blue: #fca5a5;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(220, 38, 38, 0.4);
    --gradient-primary: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); --gradient-primary-hover: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); --gradient-secondary: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); --gradient-card: linear-gradient(135deg, #2d0a0a 0%, #3f0f0f 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    --badge-jogando: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(220, 38, 38, 0.2) 0%, rgba(185, 28, 28, 0.15) 100%); --badge-unificado-borda: rgba(220, 38, 38, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(63, 15, 15, 0.6));
    --scrollbar-track: linear-gradient(135deg, #1a0505 0%, #2d0a0a 100%); --scrollbar-thumb: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); --scrollbar-thumb-active: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); --scrollbar-border: #1a0505;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #dc2626 0%, #b91c1c 45%, #f87171 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(220, 38, 38, 0.35), rgba(185, 28, 28, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(220, 38, 38, 0.95) 0%, rgba(185, 28, 28, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(45, 10, 10, 0.98), rgba(220, 38, 38, 0.95));
}

/* ========== Tema: Retro 80s ========== */
body[data-theme="retro"],
.community-analysis-item[data-author-theme="retro"] {
    --primary-color: #ec4899; --primary-dark: #0891b2; --secondary-color: #0891b2; --secondary-dark: #ec4899; --accent-color: #ec4899;
    --background-body: linear-gradient(135deg, #0f0520 0%, #1a0f2e 50%, #2d1b45 100%); --background-dark: #0f0520; --background-card: #1a0f2e; --background-card-secondary: #2d1b45; --background-hero: linear-gradient(135deg, rgba(26, 15, 46, 0.9), rgba(45, 27, 69, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fdf4ff; --text-secondary: #fae8ff; --text-muted: #f5d0fe; --text-white: #fdf4ff; --text-light: #fdf4ff; --text-blue: #fae8ff;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(236, 72, 153, 0.4);
    --gradient-primary: linear-gradient(135deg, #ec4899 0%, #0891b2 100%); --gradient-primary-hover: linear-gradient(135deg, #0891b2 0%, #ec4899 100%); --gradient-secondary: linear-gradient(135deg, #0891b2 0%, #ec4899 100%); --gradient-card: linear-gradient(135deg, #1a0f2e 0%, #2d1b45 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #ec4899 0%, #0891b2 100%);
    --badge-jogando: linear-gradient(135deg, #ec4899 0%, #0891b2 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(236, 72, 153, 0.2) 0%, rgba(8, 145, 178, 0.15) 100%); --badge-unificado-borda: rgba(236, 72, 153, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(45, 27, 69, 0.6));
    --scrollbar-track: linear-gradient(135deg, #0f0520 0%, #1a0f2e 100%); --scrollbar-thumb: linear-gradient(135deg, #ec4899 0%, #0891b2 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #0891b2 0%, #ec4899 100%); --scrollbar-thumb-active: linear-gradient(135deg, #0891b2 0%, #ec4899 100%); --scrollbar-border: #0f0520;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #ec4899 0%, #0891b2 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #ec4899 0%, #0891b2 45%, #f5d0fe 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(236, 72, 153, 0.35), rgba(8, 145, 178, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(236, 72, 153, 0.95) 0%, rgba(8, 145, 178, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(26, 15, 46, 0.98), rgba(236, 72, 153, 0.95));
}

/* ========== Tema: Pastel Suave ========== */
body[data-theme="pastel"],
.community-analysis-item[data-author-theme="pastel"] {
    --primary-color: #93c5fd; --primary-dark: #fda4af; --secondary-color: #fda4af; --secondary-dark: #93c5fd; --accent-color: #93c5fd;
    --background-body: linear-gradient(135deg, #fefce8 0%, #fef3c7 50%, #fef9c3 100%); --background-dark: #ffffff; --background-card: #fefce8; --background-card-secondary: #fef3c7; --background-hero: linear-gradient(135deg, rgba(254, 252, 232, 0.95), rgba(254, 243, 199, 0.98)); --background-input: rgba(0, 0, 0, 0.03); --background-input-focus: rgba(0, 0, 0, 0.05);
    --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #64748b; --text-white: #0f172a; --text-light: #0f172a; --text-blue: #475569;
    --border-color: rgba(0, 0, 0, 0.08); --border-color-light: rgba(0, 0, 0, 0.12); --border-color-medium: rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.1); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.15); --shadow-color: rgba(0, 0, 0, 0.1); --shadow-primary: 0 6px 20px rgba(147, 197, 253, 0.3);
    --gradient-primary: linear-gradient(135deg, #93c5fd 0%, #fda4af 100%); --gradient-primary-hover: linear-gradient(135deg, #fda4af 0%, #93c5fd 100%); --gradient-secondary: linear-gradient(135deg, #fda4af 0%, #93c5fd 100%); --gradient-card: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #93c5fd 0%, #fda4af 100%);
    --badge-jogando: linear-gradient(135deg, #93c5fd 0%, #fda4af 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #92400e; --badge-unificado: linear-gradient(135deg, rgba(147, 197, 253, 0.2) 0%, rgba(253, 164, 175, 0.15) 100%); --badge-unificado-borda: rgba(147, 197, 253, 0.35); --badge-text-color: #0f172a;
    --hover-bg: rgba(0, 0, 0, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(147, 197, 253, 0.2), rgba(254, 249, 195, 0.6));
    --scrollbar-track: linear-gradient(135deg, #fefce8 0%, #fef3c7 100%); --scrollbar-thumb: linear-gradient(135deg, #93c5fd 0%, #fda4af 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #fda4af 0%, #93c5fd 100%); --scrollbar-thumb-active: linear-gradient(135deg, #fda4af 0%, #93c5fd 100%); --scrollbar-border: #fefce8;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #93c5fd 0%, #fda4af 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #93c5fd 0%, #fda4af 45%, #64748b 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #0f172a; --select-background: linear-gradient(135deg, rgba(147, 197, 253, 0.35), rgba(253, 164, 175, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #991b1b; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #065f46;
    --toast-info: linear-gradient(135deg, rgba(147, 197, 253, 0.95) 0%, rgba(253, 164, 175, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(254, 243, 199, 0.98), rgba(147, 197, 253, 0.95));
}

/* ========== Tema: Vintage ========== */
body[data-theme="vintage"],
.community-analysis-item[data-author-theme="vintage"] {
    --primary-color: #92400e; --primary-dark: #a16207; --secondary-color: #a16207; --secondary-dark: #92400e; --accent-color: #92400e;
    --background-body: linear-gradient(135deg, #1c1410 0%, #2c211a 50%, #3d2f1e 100%); --background-dark: #1c1410; --background-card: #2c211a; --background-card-secondary: #3d2f1e; --background-hero: linear-gradient(135deg, rgba(44, 33, 26, 0.9), rgba(61, 47, 30, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fef3c7; --text-secondary: #fde68a; --text-muted: #d4a574; --text-white: #fef3c7; --text-light: #fef3c7; --text-blue: #fde68a;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(146, 64, 14, 0.4);
    --gradient-primary: linear-gradient(135deg, #92400e 0%, #a16207 100%); --gradient-primary-hover: linear-gradient(135deg, #a16207 0%, #92400e 100%); --gradient-secondary: linear-gradient(135deg, #a16207 0%, #92400e 100%); --gradient-card: linear-gradient(135deg, #2c211a 0%, #3d2f1e 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #92400e 0%, #a16207 100%);
    --badge-jogando: linear-gradient(135deg, #92400e 0%, #a16207 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(146, 64, 14, 0.2) 0%, rgba(161, 98, 7, 0.15) 100%); --badge-unificado-borda: rgba(146, 64, 14, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(146, 64, 14, 0.2), rgba(61, 47, 30, 0.6));
    --scrollbar-track: linear-gradient(135deg, #1c1410 0%, #2c211a 100%); --scrollbar-thumb: linear-gradient(135deg, #92400e 0%, #a16207 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #a16207 0%, #92400e 100%); --scrollbar-thumb-active: linear-gradient(135deg, #a16207 0%, #92400e 100%); --scrollbar-border: #1c1410;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #92400e 0%, #a16207 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #92400e 0%, #a16207 45%, #d4a574 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(146, 64, 14, 0.35), rgba(161, 98, 7, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(146, 64, 14, 0.95) 0%, rgba(161, 98, 7, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(44, 33, 26, 0.98), rgba(146, 64, 14, 0.95));
}

/* ========== Tema: Corporate Blue ========== */
body[data-theme="corporate"],
.community-analysis-item[data-author-theme="corporate"] {
    --primary-color: #1e40af; --primary-dark: #1e3a8a; --secondary-color: #1e3a8a; --secondary-dark: #1e40af; --accent-color: #1e40af;
    --background-body: linear-gradient(135deg, #0a1628 0%, #172554 50%, #1e3a8a 100%); --background-dark: #0a1628; --background-card: #172554; --background-card-secondary: #1e3a8a; --background-hero: linear-gradient(135deg, rgba(23, 37, 84, 0.9), rgba(30, 58, 138, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #dbeafe; --text-secondary: #bfdbfe; --text-muted: #93c5fd; --text-white: #dbeafe; --text-light: #dbeafe; --text-blue: #bfdbfe;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(30, 64, 175, 0.4);
    --gradient-primary: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); --gradient-primary-hover: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); --gradient-secondary: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); --gradient-card: linear-gradient(135deg, #172554 0%, #1e3a8a 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
    --badge-jogando: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(30, 64, 175, 0.2) 0%, rgba(30, 58, 138, 0.15) 100%); --badge-unificado-borda: rgba(30, 64, 175, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(30, 64, 175, 0.2), rgba(30, 58, 138, 0.6));
    --scrollbar-track: linear-gradient(135deg, #0a1628 0%, #172554 100%); --scrollbar-thumb: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); --scrollbar-thumb-active: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); --scrollbar-border: #0a1628;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #1e40af 0%, #1e3a8a 45%, #93c5fd 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(30, 64, 175, 0.35), rgba(30, 58, 138, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(30, 64, 175, 0.95) 0%, rgba(30, 58, 138, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(23, 37, 84, 0.98), rgba(30, 64, 175, 0.95));
}

/* ========== Tema: Space ========== */
body[data-theme="space"],
.community-analysis-item[data-author-theme="space"] {
    --primary-color: #4338ca; --primary-dark: #6366f1; --secondary-color: #6366f1; --secondary-dark: #4338ca; --accent-color: #4338ca;
    --background-body: linear-gradient(135deg, #050816 0%, #0f1129 50%, #1a1d3f 100%); --background-dark: #050816; --background-card: #0f1129; --background-card-secondary: #1a1d3f; --background-hero: linear-gradient(135deg, rgba(15, 17, 41, 0.9), rgba(26, 29, 63, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #e0e7ff; --text-secondary: #c7d2fe; --text-muted: #a5b4fc; --text-white: #e0e7ff; --text-light: #e0e7ff; --text-blue: #c7d2fe;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(67, 56, 202, 0.4);
    --gradient-primary: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); --gradient-primary-hover: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); --gradient-secondary: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); --gradient-card: linear-gradient(135deg, #0f1129 0%, #1a1d3f 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
    --badge-jogando: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(67, 56, 202, 0.2) 0%, rgba(99, 102, 241, 0.15) 100%); --badge-unificado-borda: rgba(67, 56, 202, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(67, 56, 202, 0.2), rgba(26, 29, 63, 0.6));
    --scrollbar-track: linear-gradient(135deg, #050816 0%, #0f1129 100%); --scrollbar-thumb: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); --scrollbar-thumb-active: linear-gradient(135deg, #6366f1 0%, #4338ca 100%); --scrollbar-border: #050816;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #4338ca 0%, #6366f1 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #4338ca 0%, #6366f1 45%, #a5b4fc 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(67, 56, 202, 0.35), rgba(99, 102, 241, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(67, 56, 202, 0.95) 0%, rgba(99, 102, 241, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(15, 17, 41, 0.98), rgba(67, 56, 202, 0.95));
}

/* ========== Tema: Luxury Gold ========== */
body[data-theme="luxo"],
.community-analysis-item[data-author-theme="luxo"] {
    --primary-color: #eab308; --primary-dark: #ca8a04; --secondary-color: #ca8a04; --secondary-dark: #eab308; --accent-color: #eab308;
    --background-body: linear-gradient(135deg, #0a0908 0%, #1a1715 50%, #2a2520 100%); --background-dark: #0a0908; --background-card: #1a1715; --background-card-secondary: #2a2520; --background-hero: linear-gradient(135deg, rgba(26, 23, 21, 0.9), rgba(42, 37, 32, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #fef9c3; --text-secondary: #fef08a; --text-muted: #fde047; --text-white: #fef9c3; --text-light: #fef9c3; --text-blue: #fef08a;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(234, 179, 8, 0.4);
    --gradient-primary: linear-gradient(135deg, #eab308 0%, #ca8a04 100%); --gradient-primary-hover: linear-gradient(135deg, #ca8a04 0%, #eab308 100%); --gradient-secondary: linear-gradient(135deg, #ca8a04 0%, #eab308 100%); --gradient-card: linear-gradient(135deg, #1a1715 0%, #2a2520 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
    --badge-jogando: linear-gradient(135deg, #eab308 0%, #ca8a04 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(234, 179, 8, 0.2) 0%, rgba(202, 138, 4, 0.15) 100%); --badge-unificado-borda: rgba(234, 179, 8, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(234, 179, 8, 0.2), rgba(42, 37, 32, 0.6));
    --scrollbar-track: linear-gradient(135deg, #0a0908 0%, #1a1715 100%); --scrollbar-thumb: linear-gradient(135deg, #eab308 0%, #ca8a04 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #ca8a04 0%, #eab308 100%); --scrollbar-thumb-active: linear-gradient(135deg, #ca8a04 0%, #eab308 100%); --scrollbar-border: #0a0908;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #eab308 0%, #ca8a04 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #eab308 0%, #ca8a04 45%, #fde047 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(234, 179, 8, 0.35), rgba(202, 138, 4, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(234, 179, 8, 0.95) 0%, rgba(202, 138, 4, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(26, 23, 21, 0.98), rgba(234, 179, 8, 0.95));
}

/* ========== Tema: Maritime ========== */
body[data-theme="maritime"],
.community-analysis-item[data-author-theme="maritime"] {
    --primary-color: #0891b2; --primary-dark: #0e7490; --secondary-color: #0e7490; --secondary-dark: #0891b2; --accent-color: #0891b2;
    --background-body: linear-gradient(135deg, #0a1a1f 0%, #16323a 50%, #1e4853 100%); --background-dark: #0a1a1f; --background-card: #16323a; --background-card-secondary: #1e4853; --background-hero: linear-gradient(135deg, rgba(22, 50, 58, 0.9), rgba(30, 72, 83, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #cffafe; --text-secondary: #a5f3fc; --text-muted: #67e8f9; --text-white: #cffafe; --text-light: #cffafe; --text-blue: #a5f3fc;
    --border-color: rgba(255, 255, 255, 0.08); --border-color-light: rgba(255, 255, 255, 0.12); --border-color-medium: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.4); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.6); --shadow-color: rgba(0, 0, 0, 0.4); --shadow-primary: 0 6px 20px rgba(8, 145, 178, 0.4);
    --gradient-primary: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); --gradient-primary-hover: linear-gradient(135deg, #0e7490 0%, #0891b2 100%); --gradient-secondary: linear-gradient(135deg, #0e7490 0%, #0891b2 100%); --gradient-card: linear-gradient(135deg, #16323a 0%, #1e4853 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
    --badge-jogando: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); --badge-destaque-bg: rgba(245, 158, 11, 0.15); --badge-destaque-border: rgba(245, 158, 11, 0.9); --badge-destaque-color: #f6ad55; --badge-unificado: linear-gradient(135deg, rgba(8, 145, 178, 0.2) 0%, rgba(14, 116, 144, 0.15) 100%); --badge-unificado-borda: rgba(8, 145, 178, 0.35);
    --hover-bg: rgba(255, 255, 255, 0.08); --gradient-overlay: linear-gradient(135deg, rgba(8, 145, 178, 0.2), rgba(30, 72, 83, 0.6));
    --scrollbar-track: linear-gradient(135deg, #0a1a1f 0%, #16323a 100%); --scrollbar-thumb: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #0e7490 0%, #0891b2 100%); --scrollbar-thumb-active: linear-gradient(135deg, #0e7490 0%, #0891b2 100%); --scrollbar-border: #0a1a1f;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --brand-gradient: linear-gradient(120deg, #0891b2 0%, #0e7490 45%, #67e8f9 100%); --steam-button-bg: linear-gradient(135deg, #0f1923 0%, #1b2838 100%); --steam-button-text: #c7d5e0; --select-background: linear-gradient(135deg, rgba(8, 145, 178, 0.35), rgba(14, 116, 144, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.35)); --feedback-error-border: rgba(239, 68, 68, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(8, 145, 178, 0.95) 0%, rgba(14, 116, 144, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(22, 50, 58, 0.98), rgba(8, 145, 178, 0.95));
}

/* ========== Tema: Red & Black ========== */
body[data-theme="redblack"],
.community-analysis-item[data-author-theme="redblack"] {
    --primary-color: #dc2626; --primary-dark: #991b1b; --secondary-color: #ef4444; --secondary-dark: #b91c1c; --accent-color: #dc2626;
    --background-body: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #2a0a0a 100%); --background-dark: #0a0a0a; --background-card: #1a0a0a; --background-card-secondary: #1f0a0a; --background-hero: linear-gradient(135deg, rgba(26, 10, 10, 0.9), rgba(15, 5, 5, 0.95)); --background-input: rgba(255, 255, 255, 0.05); --background-input-focus: rgba(255, 255, 255, 0.08);
    --text-primary: #e5e5e5; --text-secondary: #a0a0a0; --text-muted: #808895; --text-white: #ffffff; --text-light: #f7f9ff; --text-blue: #cbd5f5;
    --border-color: rgba(255, 255, 255, 0.05); --border-color-light: rgba(255, 255, 255, 0.1); --border-color-medium: rgba(255, 255, 255, 0.08);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5); --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.6); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.7); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.8); --shadow-color: rgba(0, 0, 0, 0.6); --shadow-primary: 0 6px 20px rgba(220, 38, 38, 0.5);
    --gradient-primary: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); --gradient-primary-hover: linear-gradient(135deg, #991b1b 0%, #dc2626 100%); --gradient-secondary: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); --gradient-card: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
    --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%); --gradient-danger: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --gradient-info: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    --badge-jogando: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); --badge-finalizado: linear-gradient(135deg, #10b981 0%, #059669 100%); --badge-pausado: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --badge-abandonado: linear-gradient(135deg, #71717a 0%, #52525b 100%); --badge-planejando: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%); --badge-destaque-bg: rgba(220, 38, 38, 0.15); --badge-destaque-border: rgba(220, 38, 38, 0.9); --badge-destaque-color: #dc2626; --badge-unificado: linear-gradient(135deg, rgba(15, 15, 15, 0.95) 0%, rgba(26, 26, 26, 0.9) 100%); --badge-unificado-borda: rgba(220, 38, 38, 0.6);
    --hover-bg: rgba(220, 38, 38, 0.1); --gradient-overlay: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(26, 10, 10, 0.6));
    --scrollbar-track: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 100%); --scrollbar-thumb: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); --scrollbar-thumb-hover: linear-gradient(135deg, #991b1b 0%, #dc2626 100%); --scrollbar-thumb-active: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%); --scrollbar-border: #0a0a0a;
    --nota-excelente: linear-gradient(135deg, #10b981 0%, #059669 100%); --nota-boa: linear-gradient(135deg, #dc2626 0%, #991b1b 100%); --nota-media: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); --nota-baixa: linear-gradient(135deg, #71717a 0%, #52525b 100%);
    --brand-gradient: linear-gradient(120deg, #dc2626 0%, #991b1b 45%, #ef4444 100%); --steam-button-bg: linear-gradient(135deg, #0f0505 0%, #1a0a0a 100%); --steam-button-text: #fca5a5; --select-background: linear-gradient(135deg, rgba(220, 38, 38, 0.35), rgba(153, 27, 27, 0.35));
    --feedback-error-bg: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(153, 27, 27, 0.35)); --feedback-error-border: rgba(220, 38, 38, 0.5); --feedback-error-text: #fca5a5; --feedback-success-bg: linear-gradient(135deg, rgba(16, 185, 129, 0.22), rgba(5, 150, 105, 0.35)); --feedback-success-border: rgba(16, 185, 129, 0.5); --feedback-success-text: #6ee7b7;
    --toast-info: linear-gradient(135deg, rgba(220, 38, 38, 0.95) 0%, rgba(153, 27, 27, 0.95) 100%); --toast-confirm: linear-gradient(135deg, rgba(26, 10, 10, 0.98), rgba(220, 38, 38, 0.95));
    --badge-text-color: #e5e5e5;
}

body[data-theme] {
    --background-hero: linear-gradient(
        180deg,
        color-mix(in srgb, var(--background-card) 88%, transparent),
        color-mix(in srgb, var(--background-dark) 88%, transparent)
    );
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.34);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.42);
    --shadow-color: rgba(0, 0, 0, 0.34);
    --shadow-primary: 0 6px 20px rgba(0, 0, 0, 0.24);
}

.community-analysis-item[data-author-theme] {
    --background-hero: linear-gradient(
        180deg,
        color-mix(in srgb, var(--background-card) 88%, transparent),
        color-mix(in srgb, var(--background-dark) 88%, transparent)
    );
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.34);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.42);
    --shadow-color: rgba(0, 0, 0, 0.34);
    --shadow-primary: 0 6px 20px rgba(0, 0, 0, 0.24);
}

:where(.community-analysis-item[data-author-theme]) {
    --badge-text-color: var(--text-white);
}

/* ========== Aplicação das Variáveis ========== */
body {
    --badge-text-color: var(--text-white);
    background: var(--background-body);
    color: var(--text-primary);
}

/* Botões */
.btn-primary {
    background: var(--gradient-primary);
}

.btn-primary:hover {
    filter: brightness(1.1);
}

/* Cards */
.painel-perfil,
.controles,
.lista-vazia {
    background: var(--background-hero);
    border-color: var(--border-color);
    box-shadow: 0 8px 32px var(--shadow-color);
}

.jogo-card {
    background: var(--background-hero);
    border-color: var(--border-color);
    box-shadow: 0 8px 32px var(--shadow-color);
}

.jogo-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 12px 40px var(--shadow-color);
}

/* Badges */
.badge-status {
    background: var(--gradient-primary);
}

/* Links e texto */
a {
    color: var(--primary-color);
}

.steam-profile-link,
.text-primary {
    color: var(--primary-color);
}

.text-secondary,
.detalhe-label {
    color: var(--text-secondary);
}

/* Inputs e Forms */
input, select, textarea {
    background: var(--background-input);
    color: var(--text-primary);
    border-color: var(--border-color);
}

input:focus, select:focus, textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent);
}

/* Perfil foto border */
.perfil-foto {
    border-color: color-mix(in srgb, var(--primary-color) 30%, transparent);
    background: var(--gradient-primary);
}

/* Header border */
.jogos-header {
    border-bottom-color: var(--border-color);
}

/* Transições suaves */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.jogo-card,
.painel-perfil,
.controles,
.btn-primary {
    transition: all 0.3s ease;
}