:root {
    --primary: #2ecc71;
    --primary-dark: #27ae60;
    --secondary: #3498db;
    --dark: #2c3e50;
    --light: #f4f7f6;
    --text: #333;
    --white: #ffffff;
    --warning: #f39c12;
    --danger: #e74c3c;
    --gray-light: #eee;
    --gray-medium: #777;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-600: #475569;
    --slate-900: #0f172a;
}

* {
    box-sizing: border-box;
}

body { 
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; 
    line-height: 1.6; 
    margin: 0; 
    padding: 0; 
    color: var(--text); 
    background-color: var(--light); 
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;
}

.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
}