/* ============================================
   BASE - Reset e Variáveis
   ============================================ */

:root {
    --primary-green: #2ecc71;
    --primary-dark: #27ae60;
    --primary-orange: #f39c12;
    --primary-red: #e74c3c;
    --primary-blue: #3498db;
    --bg-dark: #1a1a2e;
    --bg-light: #f5f5f5;
    --bg-sidebar: linear-gradient(135deg, #1a472a 0%, #0a2a1a 100%);
    --bg-card: #ffffff;
    --text-dark: #2c3e50;
    --text-light: #7f8c8d;
    --text-muted: #95a5a6;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 16px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    background: var(--bg-light);
    overflow: hidden;
    color: var(--text-dark);
    font-size: 14px;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg-light);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 10px;
}