/* light scheme */
:root[color-mode="light"] {
    --bg-body: #FFFFFF;
    --color-text-base: #666;
    --color-text-a: #666;
    --color-text-a-hover: #000000;
    --color-text-a-active: #000000;
    --color-text-sub: #8e8e8e;
    --color-text-md-title: #24292e;
    --color-text-md-content: #24292e;
    --color-text-md-code: #e96900;
    --bg-text-md-code: #f8f8f8;
    --bg-block-md-quote: #EEEEEE;
    --color-block-md-quote: #555555;
    --color-divider-md-border: #5858581a;
    --bg-content-search: rgb(255 255 255 / 60%);
    --bg-block-md-pre: #e6e6e6;
    --color-text-md-pre: #555555;
    --bg-block-md-table: #ffffff;
    --bg-block-md-table-2: #f6f8fa;
    --color-border-md-table: #dfe2e5;
}

/* dark scheme */
:root[color-mode="dark"] {
    --bg-body: #2E3440;
    --color-text-base: #C1C2C5;
    --color-text-a: #C1C2C5;
    --color-text-a-hover: #FFFFFF;
    --color-text-a-active: #FFFFFF;
    --color-text-sub: #8e8e8e;
    --color-text-md-title: #eceff4;
    --color-text-md-content: #eceff4;
    --color-text-md-code: #e96900;
    --bg-text-md-code: #3b4252;
    --bg-block-md-quote: #3a4252;
    --color-block-md-quote: #abb9cf;
    --color-divider-md-border: #ffffff4f;
    --bg-content-search: rgb(59 66 82 / 60%);
    --bg-block-md-pre: #3a4252;
    --color-text-md-pre: #abb9cf;
    --bg-block-md-table: #2E3440;
    --bg-block-md-table-2: #313744;
    --color-border-md-table: #4c566a;
}