:root {
    --primary-color: #3498db;
    --bg-color: #ffffff;
    --text-color: #333333;
    --card-bg: #f8f9fa;
}

[data-theme="dark"] {
    --primary-color: #2980b9;
    --bg-color: #121212;
    --text-color: #f8f9fa;
    --card-bg: #1e1e1e;
}

body {
    font-family: 'Segoe UI', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: all 0.3s ease;
}

.project-card {
    background: var(--card-bg);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}