:root {
    --primary: #667eea;
    --primary-dark: #5a67d8;
    --primary-light: #a3bffa;
    --bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --bg-card: rgba(255,255,255,0.92);
    --bg-nav: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text: #2d3748;
    --text-light: #718096;
    --border: rgba(102,126,234,0.15);
    --success: #48bb78;
    --error: #fc8181;
    --shadow: 0 8px 32px rgba(102,126,234,0.12);
    --radius: 16px;
    --font: 'Segoe UI', system-ui, sans-serif;
}