:root {
    --bg: #f5f7fa;
    --text: #1e1e1e;
    --accent: #004ca3;
    --secondary: #555;
    --card-bg: #ffffff;
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
}

[data-theme="dark"] {
    --bg: #121212;
    --text: #f5f5f5;
    --accent: #3399ff;
    --secondary: #ccc;
    --card-bg: #1e1e1e;
}

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

header {
    font-family: "Montserrat";
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    transition: background 0.3s, color 0.3s;
}

body {
    font-family: "Inter";
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    transition: background 0.3s, color 0.3s;
}