@charset "UTF-8";

/* 色彩方案 */
body.light-theme {
    --background-color: #faf9f5;
    --border-color: #ccc;
    --dim-border-color: #ddd;
    --page-number-color: #aaa;
    --text-color: #777;
    --subheading-color: #555;
    --heading-color: #333;
    --accent-color: #008fab;
    --interface-border-color: #eee;
    --interface-shadow-color: #cccccc33;
}

body.dark-theme {
    --background-color: #222;
    --border-color: #666;
    --dim-border-color: #444;
    --page-number-color: #888;
    --text-color: #bbb;
    --subheading-color: #ddd;
    --heading-color: #ddd;
    --accent-color: #00b0d4;
    --interface-border-color: #333;
    --interface-shadow-color: #00000033;
}

@media (prefers-color-scheme: light) {
    :where(body) {
        --background-color: #faf9f5;
        --border-color: #ccc;
        --dim-border-color: #ddd;
        --page-number-color: #aaa;
        --text-color: #777;
        --subheading-color: #555;
        --heading-color: #333;
        --accent-color: #008fab;
        --interface-border-color: #eee;
        --interface-shadow-color: #cccccc33;
    }
}

@media (prefers-color-scheme: dark) {
    :where(body) {
        --background-color: #222;
        --border-color: #666;
        --dim-border-color: #444;
        --page-number-color: #888;
        --text-color: #bbb;
        --subheading-color: #ddd;
        --heading-color: #ddd;
        --accent-color: #00b0d4;
        --interface-border-color: #333;
        --interface-shadow-color: #00000033;
    }
}