/* Dark mode */
:root {
    --bg-color: #0d1117;
    --container-bg: #161b22;
    --highlight-bg: #242830;
    --border-color: #30363d;
    --text-main: #c9d1d9;
    --text-muted: #8b949e;
    --accent-blue: #58a6ff;
}

/* Light mode */
@media (prefers-color-scheme: light) {
    :root {
        --bg-color: #f3f6fb;
        --container-bg: #ffffff;
        --highlight-bg: #bacada;
        --border-color: #d0d7de;
        --text-main: #24292f;
        --text-muted: #57606a;
        --accent-blue: #0969da;
    }
}

body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-main);
    margin: 0;
    padding: 20px;
    line-height: 1.5;
}

.container {
    max-width: 1012px;
    margin: 0 auto;
}