:root{
--gray-900:#17161a;--gray-700:#4b4a50;--gray-500:#7a7986;--gray-300:#b7b6be;--gray-150:#e4e3e8;--gray-50:#f5f4f2;
--white:#ffffff;
--lime-a:#d5ff4d;--lime-a-bright:#e2ff3b;--ink-a:#110e26;
--violet-a:#5e4aab;--violet-a-tint:#ede9f8;--violet-a-dark:#423569;
--surface-dark-a:#0f111a;
--green-b:#2f6e4f;--green-b-tint:#e7f0ea;--green-b-dark:#1f4d36;
--sand-b-support:#a8916a;--sand-b-support-tint:#f1ebe0;
--positive:#1e8f5f;--positive-tint:#e5f5ee;
--negative:#c23b3b;--negative-tint:#fbeaea;
--warning:#c08a2e;--warning-tint:#faf1e0;
--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);
--border-subtle:var(--gray-150);--border-default:var(--gray-300);
--surface-page:var(--white);--surface-fill:var(--gray-50);--surface-panel:var(--white);
}
[data-book="a"]{--accent:var(--violet-a);--accent-tint:var(--violet-a-tint);--accent-dark:var(--violet-a-dark);--support:var(--lime-a);--support-tint:var(--lime-a-bright);--ink:var(--ink-a)}
[data-book="b"]{--accent:var(--green-b);--accent-tint:var(--green-b-tint);--accent-dark:var(--green-b-dark);--support:var(--sand-b-support);--support-tint:var(--sand-b-support-tint)}