/* SINH TỰ ĐỘNG bởi backend/tools/build_themes.py từ backend/core/themes.py + themes/src/kawaii.css — KHÔNG sửa tay */
:root[data-theme="kawaii"],
[data-theme-preview="kawaii"] {
  --ink: #5a2340;
  --text: #6b3552;
  --muted: #8a4f6e;
  --faint: #c08ca8;
  --bg: #fff8fb;
  --bg-side: #fff0f6;
  --bg-soft: #ffe9f2;
  --line: #f6d0e0;
  --placeholder: #fbe2ee;
  --accent: #c2255c;
  --accent-hover: #a51f4e;
  --accent-soft: #ffe8f0;
  --callout: #fff0f6;
  --cover: #f7a8c4;
  --cover-accent: #ffffff;
  --on-accent: #ffffff;
  --green: #2c7550;
  --green-bg: #e5f5ec;
  --green-tag: #dcf1e5;
  --amber: #94550f;
  --amber-bg: #fff0dc;
  --sand-bg: #fdeede;
  --blue: #33659f;
  --blue-bg: #e6effb;
  --blue-tag: #dde9f9;
  --violet: #7443ad;
  --violet-bg: #f2e9fc;
  --red: #b3304a;
  --red-bg: #ffe6eb;
  --reading: #c2255c;
  --stage: #fff2f8;
  --reader-select: #fbd3e3;
  --r-sm: 8px;
  --r: 999px;
  --r-md: 18px;
  --r-lg: 22px;
  --font-display: var(--font);
}

:root[data-theme="kawaii"] .cover:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .cover { background: #ffd3e3 url(/static/img/themes/kawaii/cover.svg?v=20261001) center / cover no-repeat; }
:root[data-theme="kawaii"] .cover svg:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .cover svg { display: none; }
:root[data-theme="kawaii"] .page-icon:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .page-icon { border: 2px dashed var(--line); box-shadow: 0 6px 18px rgba(214, 51, 108, 0.14); }
:root[data-theme="kawaii"] .card:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .card,
:root[data-theme="kawaii"] .callout:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .callout,
:root[data-theme="kawaii"] .props:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .props,
:root[data-theme="kawaii"] .chat-conv:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .chat-conv,
:root[data-theme="kawaii"] .exi-opt:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .exi-opt,
:root[data-theme="kawaii"] .adm-table:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .adm-table { border-style: dashed; border-width: 1.5px; }
:root[data-theme="kawaii"] .page-title:not([data-theme-preview] *)::after,
[data-theme-preview="kawaii"] .page-title::after { content: " ♡"; color: var(--accent); font-weight: 400; }
:root[data-theme="kawaii"] .btn:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .btn,
:root[data-theme="kawaii"] .side-link:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .side-link,
:root[data-theme="kawaii"] .tag:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .tag,
:root[data-theme="kawaii"] .chat-input:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .chat-input,
:root[data-theme="kawaii"] .menu-item:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .menu-item { border-radius: 999px; }
:root[data-theme="kawaii"] .side-link.is-active:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .side-link.is-active { box-shadow: inset 0 0 0 1.5px var(--line); }
:root[data-theme="kawaii"] .btn-primary:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .btn-primary { box-shadow: 0 4px 12px rgba(214, 51, 108, 0.25); }
:root[data-theme="kawaii"] .rd-body:not([data-theme-preview] *),
[data-theme-preview="kawaii"] .rd-body { background: var(--bg-soft); }
