/* SINH TỰ ĐỘNG bởi backend/tools/build_themes.py từ backend/core/themes.py + themes/src/sunset.css — KHÔNG sửa tay */
:root[data-theme="sunset"],
[data-theme-preview="sunset"] {
  --ink: #2a1f45;
  --text: #3b2f5e;
  --muted: #65588a;
  --faint: #a597c2;
  --bg: #fcf9ff;
  --bg-side: #f5eefc;
  --bg-soft: #f0e8fa;
  --line: #e2d5f2;
  --placeholder: #ece2f7;
  --accent: #6b4fbb;
  --accent-hover: #563d9e;
  --accent-soft: #ece5fa;
  --callout: #fff0e8;
  --cover: #6c5b9c;
  --cover-accent: #ffd6a5;
  --on-accent: #ffffff;
  --green: #2b7253;
  --green-bg: #e3f3eb;
  --green-tag: #d9efe4;
  --amber: #9a4f14;
  --amber-bg: #ffeedd;
  --sand-bg: #fdebdb;
  --blue: #3a5fb0;
  --blue-bg: #e6ecfa;
  --blue-tag: #dce5f8;
  --violet: #6b4fbb;
  --violet-bg: #ece5fa;
  --red: #ad3558;
  --red-bg: #fde6ee;
  --reading: #b0511a;
  --stage: #fbf3ff;
  --reader-select: #e7d9fa;
  --r-sm: 6px;
  --r: 10px;
  --r-md: 12px;
  --r-lg: 18px;
  --font-display: var(--font);
}

:root[data-theme="sunset"] .cover:not([data-theme-preview] *),
[data-theme-preview="sunset"] .cover { background: #6c5b9c url(/static/img/themes/sunset/cover.svg?v=20261001) center / cover no-repeat; }
:root[data-theme="sunset"] .cover svg:not([data-theme-preview] *),
[data-theme-preview="sunset"] .cover svg { display: none; }
:root[data-theme="sunset"] .page-icon:not([data-theme-preview] *),
[data-theme-preview="sunset"] .page-icon { background: linear-gradient(160deg, #6c5b9c, #c77dab 60%, #f3a683); color: #ffffff; box-shadow: 0 8px 22px rgba(108, 91, 156, 0.35); }
:root[data-theme="sunset"] .page-icon .icon:not([data-theme-preview] *),
[data-theme-preview="sunset"] .page-icon .icon { color: #ffffff; }
:root[data-theme="sunset"] .btn-primary:not([data-theme-preview] *),
[data-theme-preview="sunset"] .btn-primary { background: linear-gradient(135deg, #6b4fbb, #b04d8f); border-color: transparent; }
:root[data-theme="sunset"] .btn-primary:hover:not([data-theme-preview] *),
[data-theme-preview="sunset"] .btn-primary:hover { background: linear-gradient(135deg, #563d9e, #963f79); }
:root[data-theme="sunset"] .callout:not([data-theme-preview] *),
[data-theme-preview="sunset"] .callout { background: linear-gradient(135deg, #fff0e8, #f5eefc); }
:root[data-theme="sunset"] .side-link.is-active:not([data-theme-preview] *),
[data-theme-preview="sunset"] .side-link.is-active { background: linear-gradient(90deg, var(--accent-soft), transparent); }
:root[data-theme="sunset"] .rd-body:not([data-theme-preview] *),
[data-theme-preview="sunset"] .rd-body { background: var(--bg-soft); }