:root {
    --rose-button-bg: linear-gradient(135deg, #ecbea8, #b5765c);
    --rose-button-hover: linear-gradient(135deg, #f5d0be, #c4856a);
    --rose-button-text: #1c100b;
}
:root, .chapter-reader[data-theme="light"], .reader-dialog[data-theme="light"] {
    color-scheme: light;
    --page: #fff;
    --surface: #f5f5f5;
    --text: #151515;
    --muted: #595959;
    --line: #e6e6e6;
    --focus: #151515;
    --input-border: #767676;
    --button-bg: #151515;
    --button-text: #fff;
    --button-hover: #333;
    --accent: #151515;
    --selected-bg: #151515;
    --selected-text: #fff;
    --cover-bg: #ddd;
    --cover-ink: #333;
    --outline-border: #b8b8b8;
    --hover-surface: #fafafa;
    --logo-filter: none;
    --badge-bg: #252525;
    --badge-text: #fff;
    --trending-badge-bg: #202126;
    --hero-bg: #111;
    --hero-text: #fff;
    --hero-muted: #d5d5d5;
    --hero-button-bg: #fff;
    --hero-button-text: #111;
    --hero-button-hover: #e6e6e6;
    --hero-control-hover: #333;
    --hero-dot: #777;
    --hero-overlay: linear-gradient(90deg, rgb(17 17 17 / 90%), rgb(17 17 17 / 72%) 48%, rgb(17 17 17 / 32%)), linear-gradient(0deg, #111, transparent 48%);
}
:root[data-theme="dark"], .chapter-reader[data-theme="dark"], .reader-dialog[data-theme="dark"] {
    color-scheme: dark;
    --page: #111111;
    --surface: #1c1c1c;
    --text: #f2f2f2;
    --muted: #b8b8b8;
    --line: #383838;
    --focus: #f2f2f2;
    --input-border: #858585;
    --button-bg: #f2f2f2;
    --button-text: #111111;
    --button-hover: #d6d6d6;
    --accent: #f2f2f2;
    --selected-bg: #f2f2f2;
    --selected-text: #111111;
    --cover-bg: #252525;
    --cover-ink: #d6d6d6;
    --outline-border: #858585;
    --hover-surface: #242424;
    --logo-filter: invert(1);
    --badge-bg: #252525;
    --badge-text: #fff;
    --trending-badge-bg: #202126;
    --hero-bg: #2b2b2e;
    --hero-text: #f5f5f6;
    --hero-muted: #d0d0d4;
    --hero-button-bg: #ededee;
    --hero-button-text: #222225;
    --hero-button-hover: #fff;
    --hero-control-hover: #414146;
    --hero-dot: #a2a2aa;
    --hero-overlay: linear-gradient(90deg, rgb(43 43 46 / 98%), rgb(43 43 46 / 92%) 62%, rgb(43 43 46 / 28%)), linear-gradient(0deg, #2b2b2e, transparent 55%);
    --hero-image-shadow: inset 0 0 64px rgb(43 43 46 / 35%);
    --hero-text-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}
:root[data-theme="rose-gold"], .chapter-reader[data-theme="rose-gold"], .reader-dialog[data-theme="rose-gold"] {
    color-scheme: light;
    --page: #fff8f3;
    --surface: #f7e8df;
    --text: #2c1b15;
    --muted: #74594c;
    --line: #e4c9bb;
    --focus: #875139;
    --input-border: #9b7260;
    --button-bg: var(--rose-button-bg);
    --button-text: var(--rose-button-text);
    --button-hover: var(--rose-button-hover);
    --accent: #875139;
    --selected-bg: #875139;
    --selected-text: #fff8f3;
    --cover-bg: #ead2c4;
    --cover-ink: #74594c;
    --outline-border: #9b7260;
    --hover-surface: #fbeee5;
    --logo-filter: none;
    --badge-bg: #593828;
    --badge-text: #fff8f3;
    --trending-badge-bg: #593828;
    --hero-bg: #2c1b15;
    --hero-text: #fff8f3;
    --hero-muted: #ecd5c8;
    --hero-button-bg: var(--rose-button-bg);
    --hero-button-text: var(--rose-button-text);
    --hero-button-hover: var(--rose-button-hover);
    --hero-control-hover: #593828;
    --hero-dot: #c49b85;
    --hero-overlay: linear-gradient(90deg, rgb(44 27 21 / 94%), rgb(44 27 21 / 78%) 48%, rgb(44 27 21 / 38%)), linear-gradient(0deg, #2c1b15, transparent 48%);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
    color-scheme: dark;
    --page: #111111;
    --surface: #1c1c1c;
    --text: #f2f2f2;
    --muted: #b8b8b8;
    --line: #383838;
    --focus: #f2f2f2;
    --input-border: #858585;
    --button-bg: #f2f2f2;
    --button-text: #111111;
    --button-hover: #d6d6d6;
    --accent: #f2f2f2;
    --selected-bg: #f2f2f2;
    --selected-text: #111111;
    --cover-bg: #252525;
    --cover-ink: #d6d6d6;
    --outline-border: #858585;
    --hover-surface: #242424;
    --logo-filter: invert(1);
    --badge-bg: #252525;
    --badge-text: #fff;
    --trending-badge-bg: #202126;
    --hero-bg: #2b2b2e;
    --hero-text: #f5f5f6;
    --hero-muted: #d0d0d4;
    --hero-button-bg: #ededee;
    --hero-button-text: #222225;
    --hero-button-hover: #fff;
    --hero-control-hover: #414146;
    --hero-dot: #a2a2aa;
    --hero-overlay: linear-gradient(90deg, rgb(43 43 46 / 98%), rgb(43 43 46 / 92%) 62%, rgb(43 43 46 / 28%)), linear-gradient(0deg, #2b2b2e, transparent 55%);
    --hero-image-shadow: inset 0 0 64px rgb(43 43 46 / 35%);
    --hero-text-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}
}