/* Themeable accent. Set data-accent on <html> (1 lilac, 2 bubblegum, 3 periwinkle), or override --accent yourself. */
:root,[data-accent="1"]{--accent:#C6B6FF;--accent-2:#FFC4A3;--on-accent:#111}
[data-accent="2"]{--accent:#FF8FB1;--accent-2:#FFE38A;--on-accent:#111}
[data-accent="3"]{--accent:#8B9DFF;--accent-2:#B8E0C2;--on-accent:#111}
:root{--lime:var(--accent);--brand:var(--accent);--accent-soft:color-mix(in srgb,var(--accent) 16%,transparent)}
/* CueTea wordmark mark: a cue bubble with a spark, tinted by the accent */
.word i,.ob .word i,.top .word i{width:1.05em!important;height:1.05em!important;border-radius:0!important;background:var(--accent)!important;-webkit-mask:url(assets/mark.svg) center/contain no-repeat;mask:url(assets/mark.svg) center/contain no-repeat;display:inline-block;vertical-align:-.15em}
.top>span>i{width:34px!important;height:34px!important;border-radius:0!important;background:var(--accent)!important;-webkit-mask:url(assets/mark.svg) center/contain no-repeat;mask:url(assets/mark.svg) center/contain no-repeat;vertical-align:-6px}
.top>span>i{background:var(--mark,var(--accent))!important}