:root {
    /* Light theme (default) */
    --bg-color: rgb(255, 255, 255);
    --container-bg: #ffffff;
    --text-color: #515151;
    --header-bg: #72a178;
    --header-text: #ffd1e7;
    --title-text: #cf327b;
    --accent-color: #d56097;
    --border-color: #eee;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --code-bg: #f6f8fa;
    --markdown-border: #eaecef;
    --table-stripe: #f6f8fa;
    --link-color: #0366d6;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Dark theme */
        --bg-color: #1a1a1a;
        --container-bg: #2d2d2d;
        --text-color: #e0e0e0;
        --header-bg: #3a4d3e;
        --header-text: #ffd1e7;
        --title-text: #ffd1e7;
        --accent-color: #72a178;
        --border-color: #444;
        --shadow-color: rgba(0, 0, 0, 0.3);
        --code-bg: #2b2b2b;
        --markdown-border: #404040;
        --copy-button-bg: #4d4d4d;
        --link-color: #58a6ff;
    }
}