:root {
    --primary: #1a237e;
    --secondary: #2e7d32;
    --bg: #f4f7f6;
    --card: #ffffff;
    --text-main: #1c1c1c;
    --text-muted: #757575;
    --border: rgba(0,0,0,0.08);
    --radius: 18px;
}

body.dark-mode {
    --bg: #121212;
    --card: #1e1e1e;
    --text-main: #f0f0f0;
    --text-muted: #aaaaaa;
    --border: rgba(255,255,255,0.1);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }

body { 
    background-color: var(--bg); 
    color: var(--text-main); 
    line-height: 1.6; 
    transition: background 0.3s, color 0.3s; 
}

a { text-decoration: none; color: inherit; }

/* Utilitários */
.skeleton { background: #e0e0e0; border-radius: 12px; animation: skeleton-loading 1.5s infinite linear; }
body.dark-mode .skeleton { background: #2a2a2a; }
@keyframes skeleton-loading { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }