:root {
    --primary-color: #2c3e50;
    --secondary-color: #34495e;
    --accent-color: #3498db;
    --text-color: #333333;
    --bg-color: #f4f7f6;
    --card-bg: #ffffff;
    --border-color: #dddddd;
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --border-radius: 8px;
    --card-shadow: 0 2px 4px rgba(0,0,0,0.05);

    /* Aliases for backward compatibility */
    --primary: var(--primary-color);
    --secondary: var(--secondary-color);
    --accent: var(--accent-color);
    --bg: var(--bg-color);
}