/* ===== VARIÁVEIS E RESET ===== */
:root {
    /* Tema Claro (padrão) */
    --primary: #4361ee;
    --secondary: #3a0ca3;
    --accent: #f72585;
    --success: #4cc9f0;
    --danger: #e63946;
    --warning: #f39c12;
    --background: #f8f9fa;
    --card: #ffffff;
    --text: #2c3e50;
    --text-light: #6c757d;
    --border: #dee2e6;
    --shadow: rgba(0, 0, 0, 0.1);
    
    /* NOVO ESQUEMA DE CORES */
    --correct: #22c55e;      /* Verde - Acertou */
    --near: #ff3b30;         /* Vermelho - Muito perto (2-200) */
    --medium: #ff9500;       /* Laranja - Perto (201-500) */
    --far: #3b82f6;          /* Azul - Longe (5001-1000) */
    --very-far: #1e40af;     /* Azul - Longe (1001+) */
    
}

[data-theme="dark"] {
    /* Tema Escuro */
    --primary: #7209b7;
    --secondary: #3a0ca3;
    --accent: #4cc9f0;
    --success: #06d6a0;
    --danger: #ef476f;
    --warning: #ffd166;
    --background: #121212;
    --card: #1e1e1e;
    --text: #f8f9fa;
    --text-light: #adb5bd;
    --border: #343a40;
    --shadow: rgba(0, 0, 0, 0.3);
    
    /* Cores do sistema ajustadas para tema escuro */
    --correct: #22c55e;
    --near: #ff3b30;
    --medium: #ff9500;
    --far: #5ac8fa;
    --very-far: #3478f6;
}

[data-theme="dark"] .summary-win { background: #064e3b; color: #a7f3d0; }
[data-theme="dark"] .summary-near { background: #7f1d1d; color: #fecaca; }
[data-theme="dark"] .summary-mid { background: #7c2d12; color: #fed7aa; }
[data-theme="dark"] .summary-far { background: #4a62a5; color: #cdd2ff; }
[data-theme="dark"] .summary-very-far { background: #1e3a8a; color: #bfdbfe; }
[data-theme="dark"] #guess-list li span:last-child { border-left-color: rgba(255, 255, 255, 0.2);}
[data-theme="dark"] .inspired-by a { color: var(--accent);}
[data-theme="dark"] .inspired-by a:hover {color: white; background: linear-gradient(135deg, var(--accent), var(--primary));}
[data-theme="dark"] .inspired-by a::after { background: linear-gradient(90deg, var(--accent), var(--primary));}
[data-theme="dark"] .qr-container { background: #1a1a1a; border-color: #444;}
[data-theme="dark"] .instructions { background: rgba(67, 97, 238, 0.1);}
[data-theme="dark"] .thank-you {background: rgba(247, 37, 133, 0.1);}
[data-theme="dark"] .google-form-btn {color:#ffffff;}
[data-theme="dark"] .alternative-support { background: #1e1f25; border-color: rgba(255,255,255,0.06);}
[data-theme="dark"] .alternative-options li { background: rgba(255,255,255,0.04);}
[data-theme="dark"] .alternative-options li:hover { background: rgba(255,255,255,0.08);}
[data-theme="dark"] .alternative-support p { color: #aaa;}