[data-theme="light"] {
  --primary: #1d7484;
  --primary-hover: #982c61;
  --primary-rgb: 29, 116, 132;
  --danger: #982c61;
  --warning: #b8860b;
  --success: #2d6a4f;
  --bg: #f9f9f9;
  --bg-light: #f1f1f1;
  --bg-hover: #e8e8e8;
  --border: #e0e0e0;
  --border-light: #f1f1f1;
  --text-primary: #4a4a4a;
  --text-secondary: #5a5a5a;
  --text-link: #1d7484;
  --text-link-visited: #144f5a;
  --text-cite: #4a4a4a;
  --text-snippet: #5a5a5a;
  --search-bar-bg: #f1f1f1;
  --search-bar-bg-hover: #e8e8e8;
  --btn-bg: #1d7484;
  --btn-text: #f9f9f9;
  --overlay-bg: rgba(249, 249, 249, 0.95);
  --white: #ffffff;
  --theme-bar-bg: transparent;
  --theme-bar-text: #5a5a5a;
  --theme-bar-border: #e0e0e0;
  --theme-pagination-active-bg: #1d7484;
  --shadow-sm: 0 2px 8px rgba(74, 74, 74, 0.08);
  --shadow-md: 0 6px 20px rgba(74, 74, 74, 0.12);
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

[data-theme="dark"] {
  --primary: #5eb5c4;
  --primary-hover: #b84d7a;
  --primary-rgb: 94, 181, 196;
  --danger: #e57373;
  --warning: #ffb74d;
  --success: #81c784;
  --bg: #2a2528;
  --bg-light: #3d383b;
  --bg-hover: #4a4548;
  --border: #4a4548;
  --border-light: #5c5659;
  --text-primary: #e0ddda;
  --text-secondary: #c5c2bf;
  --text-link: #5eb5c4;
  --text-link-visited: #b84d7a;
  --text-cite: #c5c2bf;
  --text-snippet: #c5c2bf;
  --search-bar-bg: #3d383b;
  --search-bar-bg-hover: #4a4548;
  --btn-bg: #1d7484;
  --btn-text: #f5f5f5;
  --overlay-bg: rgba(42, 37, 40, 0.95);
  --white: #f5f5f5;
  --theme-bar-bg: transparent;
  --theme-bar-text: #c5c2bf;
  --theme-bar-border: #4a4548;
  --theme-pagination-active-bg: #1d7484;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

:root:not([data-theme="dark"]) {
  --primary: #1d7484;
  --primary-hover: #982c61;
  --primary-rgb: 29, 116, 132;
  --danger: #982c61;
  --warning: #b8860b;
  --success: #2d6a4f;
  --bg: #f9f9f9;
  --bg-light: #f1f1f1;
  --bg-hover: #e8e8e8;
  --border: #e0e0e0;
  --border-light: #f1f1f1;
  --text-primary: #4a4a4a;
  --text-secondary: #5a5a5a;
  --text-link: #1d7484;
  --text-link-visited: #144f5a;
  --text-cite: #4a4a4a;
  --text-snippet: #5a5a5a;
  --search-bar-bg: #f1f1f1;
  --search-bar-bg-hover: #e8e8e8;
  --btn-bg: #1d7484;
  --btn-text: #f9f9f9;
  --overlay-bg: rgba(249, 249, 249, 0.95);
  --white: #ffffff;
  --theme-bar-bg: transparent;
  --theme-bar-text: #5a5a5a;
  --theme-bar-border: #e0e0e0;
  --theme-pagination-active-bg: #1d7484;
  --shadow-sm: 0 2px 8px rgba(74, 74, 74, 0.08);
  --shadow-md: 0 6px 20px rgba(74, 74, 74, 0.12);
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #5eb5c4;
    --primary-hover: #b84d7a;
    --primary-rgb: 94, 181, 196;
    --danger: #e57373;
    --warning: #ffb74d;
    --success: #81c784;
    --bg: #2a2528;
    --bg-light: #3d383b;
    --bg-hover: #4a4548;
    --border: #4a4548;
    --border-light: #5c5659;
    --text-primary: #e0ddda;
    --text-secondary: #c5c2bf;
    --text-link: #5eb5c4;
    --text-link-visited: #b84d7a;
    --text-cite: #c5c2bf;
    --text-snippet: #c5c2bf;
    --search-bar-bg: #3d383b;
    --search-bar-bg-hover: #4a4548;
    --btn-bg: #1d7484;
    --btn-text: #f5f5f5;
    --overlay-bg: rgba(42, 37, 40, 0.95);
    --white: #f5f5f5;
    --theme-bar-bg: transparent;
    --theme-bar-text: #c5c2bf;
    --theme-bar-border: #4a4548;
    --theme-pagination-active-bg: #1d7484;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  }
}

html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.settings-page {
  background: var(--bg-hover);
}

body {
  font-size: 1.8rem;
  line-height: 1.618;
}

.logo-d, 
.logo-e,
.logo-g1,
.logo-o1,
.logo-o2,
.logo-g2 {
  color: var(--primary-hover);
}