/* ============================================================
   VulcanoFix — Theme (variáveis CSS + reset base)
   ============================================================ */

/* ── Tokens Dark (padrão) ─────────────────────────────────── */
:root[data-theme="dark"] {
    --bg:     #0f172a;
    --bs:     #111827;
    --bc:     #1f2937;
    --bh:     #263244;
    --bi:     #1a2535;
    --br:     rgba(255, 255, 255, .07);

    --t1:     #e5e7eb;
    --t2:     #9ca3af;
    --t3:     #6b7280;

    --blue:   #3b82f6;
    --green:  #10b981;
    --yellow: #f59e0b;
    --red:    #ef4444;
    --purple: #8b5cf6;
    --teal:   #34d399;

    --sh:     0 4px 24px rgba(0, 0, 0, .4);
    --sh-lg:  0 8px 32px rgba(0, 0, 0, .45);
}

/* ── Tokens Light ─────────────────────────────────────────── */
:root[data-theme="light"] {
    --bg:     #f1f5f9;
    --bs:     #ffffff;
    --bc:     #ffffff;
    --bh:     #f0f4f8;
    --bi:     #f1f5f9;
    --br:     rgba(0, 0, 0, .07);

    --t1:     #111827;
    --t2:     #6b7280;
    --t3:     #9ca3af;

    --blue:   #2563eb;
    --green:  #059669;
    --yellow: #d97706;
    --red:    #dc2626;
    --purple: #7c3aed;
    --teal:   #10b981;

    --sh:     0 2px 16px rgba(0, 0, 0, .07);
    --sh-lg:  0 6px 24px rgba(0, 0, 0, .1);
}

/* ── Reset ────────────────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html { height: 100%; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background: var(--bg);
    color: var(--t1);
    font-size: 14px;
    line-height: 1.5;
    overflow-x: hidden;
    transition: background .25s ease, color .25s ease;
}

a  { text-decoration: none; color: inherit; }
button { font-family: inherit; border: none; cursor: pointer; }
img { max-width: 100%; display: block; }

/* ── Scrollbar ────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--br); border-radius: 99px; }

/* ── Animações globais ────────────────────────────────────── */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: .4; }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}