:root,[data-theme=light]{--color-bg:#fff;--color-text:#222220;--color-primary:#abf19d}[data-theme=dark]{--color-bg:#0a0a0a;--color-text:#f5f5f5;--color-primary:#60a5fa}[data-theme=midnight]{--color-bg:#0f172a;--color-text:#f8fafc;--color-primary:#a855f7}body{background-color:var(--color-bg);color:var(--color-text);font-family:sans-serif;transition:background-color .3s,color .3s}