/* Novel Reader themes */

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f7f8;
  --bg-elevated: #ffffff;
  --bg-chrome: rgba(247, 247, 248, 0.9);
  --field-bg: #f4f4f5;
  --surface-hover: #f4f4f5;
  --text: #202024;
  --text-secondary: #65656d;
  --text-muted: #92929b;
  --border: rgba(24, 24, 27, 0.09);
  --border-strong: rgba(24, 24, 27, 0.16);
  --border-hover: rgba(24, 24, 27, 0.28);
  --accent: #202024;
  --accent-hover: #09090b;
  --accent-contrast: #ffffff;
  --accent-soft: rgba(32, 32, 36, 0.09);
  --accent-shadow: rgba(24, 24, 27, 0.16);
  --focus-ring: rgba(32, 32, 36, 0.24);
  --shadow-sm: 0 2px 7px rgba(24, 24, 27, 0.08);
  --shadow: 0 12px 34px rgba(24, 24, 27, 0.07);
  --shadow-lg: 0 20px 54px rgba(24, 24, 27, 0.16);
  --scrollbar: rgba(41, 41, 41, 0.18);
  --danger: #b42318;
  --danger-soft: rgba(180, 35, 24, 0.08);
  --danger-border: rgba(180, 35, 24, 0.18);
  --success: #2f6b4f;
}

[data-theme="sepia"] {
  color-scheme: light;
  --bg: #f4ecd8;
  --bg-elevated: #faf4e6;
  --bg-chrome: rgba(244, 236, 216, 0.92);
  --field-bg: #f0e6cf;
  --surface-hover: #f0e6cf;
  --text: #3b342a;
  --text-secondary: #6e6254;
  --text-muted: #9a8b78;
  --border: rgba(59, 52, 42, 0.1);
  --border-strong: rgba(59, 52, 42, 0.16);
  --border-hover: rgba(59, 52, 42, 0.28);
  --accent: #8b6f47;
  --accent-hover: #765c3a;
  --accent-contrast: #ffffff;
  --accent-soft: rgba(139, 111, 71, 0.14);
  --accent-shadow: rgba(139, 111, 71, 0.2);
  --focus-ring: rgba(139, 111, 71, 0.28);
  --shadow-sm: 0 2px 7px rgba(59, 52, 42, 0.09);
  --shadow: 0 8px 28px rgba(59, 52, 42, 0.1);
  --shadow-lg: 0 20px 54px rgba(59, 52, 42, 0.2);
  --scrollbar: rgba(59, 52, 42, 0.2);
  --danger: #9c2c22;
  --danger-soft: rgba(156, 44, 34, 0.08);
  --danger-border: rgba(156, 44, 34, 0.2);
  --success: #3d6b4f;
}

[data-theme="green"] {
  color-scheme: light;
  --bg: #e8efe5;
  --bg-elevated: #f2f6f0;
  --bg-chrome: rgba(232, 239, 229, 0.92);
  --field-bg: #e1eadf;
  --surface-hover: #e1eadf;
  --text: #303830;
  --text-secondary: #5c685c;
  --text-muted: #8a968a;
  --border: rgba(48, 56, 48, 0.1);
  --border-strong: rgba(48, 56, 48, 0.16);
  --border-hover: rgba(48, 56, 48, 0.28);
  --accent: #4f6b52;
  --accent-hover: #3f5943;
  --accent-contrast: #ffffff;
  --accent-soft: rgba(79, 107, 82, 0.12);
  --accent-shadow: rgba(79, 107, 82, 0.2);
  --focus-ring: rgba(79, 107, 82, 0.28);
  --shadow-sm: 0 2px 7px rgba(48, 56, 48, 0.09);
  --shadow: 0 8px 28px rgba(48, 56, 48, 0.1);
  --shadow-lg: 0 20px 54px rgba(48, 56, 48, 0.2);
  --scrollbar: rgba(48, 56, 48, 0.2);
  --danger: #8b2e2e;
  --danger-soft: rgba(139, 46, 46, 0.08);
  --danger-border: rgba(139, 46, 46, 0.2);
  --success: #2f6b4f;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17171a;
  --bg-elevated: #222226;
  --bg-chrome: rgba(23, 23, 26, 0.9);
  --field-bg: #2b2b30;
  --surface-hover: #2b2b30;
  --text: #ececef;
  --text-secondary: #a8a8b1;
  --text-muted: #777781;
  --border: rgba(236, 236, 239, 0.09);
  --border-strong: rgba(236, 236, 239, 0.16);
  --border-hover: rgba(236, 236, 239, 0.28);
  --accent: #ececef;
  --accent-hover: #ffffff;
  --accent-contrast: #17171a;
  --accent-soft: rgba(236, 236, 239, 0.12);
  --accent-shadow: rgba(0, 0, 0, 0.26);
  --focus-ring: rgba(236, 236, 239, 0.3);
  --shadow-sm: 0 2px 7px rgba(0, 0, 0, 0.28);
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 20px 54px rgba(0, 0, 0, 0.45);
  --scrollbar: rgba(214, 214, 214, 0.18);
  --danger: #e07171;
  --danger-soft: rgba(224, 113, 113, 0.1);
  --danger-border: rgba(224, 113, 113, 0.22);
  --success: #7dba92;
}