/* ===== Theme presets =====
* Applied via attribute.
* Default (no attribute) = violet, defined in base.css :root.
*
* Each preset overrides 4 accent variables + optionally 2 background variables.
* Grays and other structural tokens remain from :root.
*/
/* Violet — default (redefined here for symmetry) */
[data-theme="violet"] {
--accent: #8b5cf6;
--accent-hover: #a78bfa;
--accent-soft: rgba(139, 92, 246, 0.14);
--accent-softer: rgba(139, 92, 246, 0.06);
}
/* Orange — legacy Deepreview */
[data-theme="orange"] {
--accent: #ff7700;
--accent-hover: #ff8f26;
--accent-soft: rgba(255, 119, 0, 0.14);
--accent-softer: rgba(255, 119, 0, 0.06);
}
/* Emerald */
[data-theme="emerald"] {
--accent: #10b981;
--accent-hover: #34d399;
--accent-soft: rgba(16, 185, 129, 0.14);
--accent-softer: rgba(16, 185, 129, 0.06);
}
/* Cyan */
[data-theme="cyan"] {
--accent: #06b6d4;
--accent-hover: #22d3ee;
--accent-soft: rgba(6, 182, 212, 0.14);
--accent-softer: rgba(6, 182, 212, 0.06);
}
/* Rose */
[data-theme="rose"] {
--accent: #f43f5e;
--accent-hover: #fb7185;
--accent-soft: rgba(244, 63, 94, 0.14);
--accent-softer: rgba(244, 63, 94, 0.06);
}
/* Blue */
[data-theme="blue"] {
--accent: #3b82f6;
--accent-hover: #60a5fa;
--accent-soft: rgba(59, 130, 246, 0.14);
--accent-softer: rgba(59, 130, 246, 0.06);
}
/* Amber */
[data-theme="amber"] {
--accent: #f59e0b;
--accent-hover: #fbbf24;
--accent-soft: rgba(245, 158, 11, 0.14);
--accent-softer: rgba(245, 158, 11, 0.06);
}