:root[data-accent=blue]{--accent:#3267c8;--on-accent:#fff}
:root[data-accent=blue][data-theme=dark]{--accent:#89adf3;--on-accent:#0b1015}
@media(prefers-color-scheme:dark){:root[data-accent=blue]:not([data-theme=light]){--accent:#89adf3;--on-accent:#0b1015}}
:root[data-accent=red]{--accent:#b9364c;--on-accent:#fff}
:root[data-accent=red][data-theme=dark]{--accent:#ff9caa;--on-accent:#0b1015}
@media(prefers-color-scheme:dark){:root[data-accent=red]:not([data-theme=light]){--accent:#ff9caa;--on-accent:#0b1015}}
:root[data-accent=violet]{--accent:#7542bb;--on-accent:#fff}
:root[data-accent=violet][data-theme=dark]{--accent:#c8a8ff;--on-accent:#0b1015}
@media(prefers-color-scheme:dark){:root[data-accent=violet]:not([data-theme=light]){--accent:#c8a8ff;--on-accent:#0b1015}}
:root[data-accent=green]{--accent:#197258;--on-accent:#fff}
:root[data-accent=green][data-theme=dark]{--accent:#7ed6b3;--on-accent:#0b1015}
@media(prefers-color-scheme:dark){:root[data-accent=green]:not([data-theme=light]){--accent:#7ed6b3;--on-accent:#0b1015}}
:root[data-accent=amber]{--accent:#946000;--on-accent:#fff}
:root[data-accent=amber][data-theme=dark]{--accent:#f5c46f;--on-accent:#0b1015}
@media(prefers-color-scheme:dark){:root[data-accent=amber]:not([data-theme=light]){--accent:#f5c46f;--on-accent:#0b1015}}