/*
 * Dark theme for Tailwind's stock palettes (amber, red, emerald, gray…) used
 * straight in views for notices and badges: light tints become a translucent
 * tint of the same hue, dark text becomes its light shade, greys map to the
 * colour roles. PerfectFlow's own roles (paper, ink, line, pastels, brand)
 * already switch by themselves and are not here. Only under
 * :root[data-theme="dark"]: nothing changes in the light theme.
 */
:root[data-theme="dark"] .tw-bg-slate-50 { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .hover\:tw-bg-slate-50:hover { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .tw-bg-slate-100 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-slate-100:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-bg-slate-200 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-slate-200:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-text-slate-900 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-slate-900:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-slate-800 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-slate-800:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-slate-700 { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .hover\:tw-text-slate-700:hover { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .tw-text-slate-600 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-slate-600:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-slate-500 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-slate-500:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-slate-400 { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .hover\:tw-text-slate-400:hover { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .tw-border-slate-100 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-slate-100:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-slate-200 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-slate-200:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-slate-300 { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .hover\:tw-border-slate-300:hover { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .tw-bg-gray-50 { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .hover\:tw-bg-gray-50:hover { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .tw-bg-gray-100 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-gray-100:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-bg-gray-200 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-gray-200:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-text-gray-900 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-gray-900:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-gray-800 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-gray-800:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-gray-700 { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .hover\:tw-text-gray-700:hover { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .tw-text-gray-600 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-gray-600:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-gray-500 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-gray-500:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-gray-400 { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .hover\:tw-text-gray-400:hover { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .tw-border-gray-100 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-gray-100:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-gray-200 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-gray-200:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-gray-300 { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .hover\:tw-border-gray-300:hover { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .tw-bg-zinc-50 { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .hover\:tw-bg-zinc-50:hover { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .tw-bg-zinc-100 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-zinc-100:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-bg-zinc-200 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-zinc-200:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-text-zinc-900 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-900:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-zinc-800 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-800:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-zinc-700 { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-700:hover { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .tw-text-zinc-600 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-600:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-zinc-500 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-500:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-zinc-400 { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .hover\:tw-text-zinc-400:hover { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .tw-border-zinc-100 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-zinc-100:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-zinc-200 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-zinc-200:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-zinc-300 { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .hover\:tw-border-zinc-300:hover { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .tw-bg-neutral-50 { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .hover\:tw-bg-neutral-50:hover { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .tw-bg-neutral-100 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-neutral-100:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-bg-neutral-200 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-neutral-200:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-text-neutral-900 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-900:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-neutral-800 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-800:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-neutral-700 { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-700:hover { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .tw-text-neutral-600 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-600:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-neutral-500 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-500:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-neutral-400 { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .hover\:tw-text-neutral-400:hover { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .tw-border-neutral-100 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-neutral-100:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-neutral-200 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-neutral-200:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-neutral-300 { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .hover\:tw-border-neutral-300:hover { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .tw-bg-stone-50 { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .hover\:tw-bg-stone-50:hover { background-color: rgb(var(--pf-surface-2)); }
:root[data-theme="dark"] .tw-bg-stone-100 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-stone-100:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-bg-stone-200 { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .hover\:tw-bg-stone-200:hover { background-color: rgb(var(--pf-paper-200)); }
:root[data-theme="dark"] .tw-text-stone-900 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-stone-900:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-stone-800 { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .hover\:tw-text-stone-800:hover { color: rgb(var(--pf-ink-900)); }
:root[data-theme="dark"] .tw-text-stone-700 { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .hover\:tw-text-stone-700:hover { color: rgb(var(--pf-ink-700)); }
:root[data-theme="dark"] .tw-text-stone-600 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-stone-600:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-stone-500 { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .hover\:tw-text-stone-500:hover { color: rgb(var(--pf-ink-500)); }
:root[data-theme="dark"] .tw-text-stone-400 { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .hover\:tw-text-stone-400:hover { color: rgb(var(--pf-ink-400)); }
:root[data-theme="dark"] .tw-border-stone-100 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-stone-100:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-stone-200 { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .hover\:tw-border-stone-200:hover { border-color: rgb(var(--pf-line)); }
:root[data-theme="dark"] .tw-border-stone-300 { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .hover\:tw-border-stone-300:hover { border-color: rgb(var(--pf-line-strong)); }
:root[data-theme="dark"] .tw-bg-red-50 { background-color: rgb(239 68 68 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-red-50:hover { background-color: rgb(239 68 68 / .12); }
:root[data-theme="dark"] .tw-bg-red-100 { background-color: rgb(239 68 68 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-red-100:hover { background-color: rgb(239 68 68 / .18); }
:root[data-theme="dark"] .tw-bg-red-200 { background-color: rgb(239 68 68 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-red-200:hover { background-color: rgb(239 68 68 / .26); }
:root[data-theme="dark"] .tw-text-red-900 { color: rgb(254 202 202); }
:root[data-theme="dark"] .hover\:tw-text-red-900:hover { color: rgb(254 202 202); }
:root[data-theme="dark"] .tw-text-red-800 { color: rgb(254 202 202); }
:root[data-theme="dark"] .hover\:tw-text-red-800:hover { color: rgb(254 202 202); }
:root[data-theme="dark"] .tw-text-red-700 { color: rgb(252 165 165); }
:root[data-theme="dark"] .hover\:tw-text-red-700:hover { color: rgb(252 165 165); }
:root[data-theme="dark"] .tw-text-red-600 { color: rgb(252 165 165); }
:root[data-theme="dark"] .hover\:tw-text-red-600:hover { color: rgb(252 165 165); }
:root[data-theme="dark"] .tw-border-red-100 { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .hover\:tw-border-red-100:hover { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .tw-border-red-200 { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .hover\:tw-border-red-200:hover { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .tw-border-red-300 { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .hover\:tw-border-red-300:hover { border-color: rgb(239 68 68 / .4); }
:root[data-theme="dark"] .tw-bg-orange-50 { background-color: rgb(249 115 22 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-orange-50:hover { background-color: rgb(249 115 22 / .12); }
:root[data-theme="dark"] .tw-bg-orange-100 { background-color: rgb(249 115 22 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-orange-100:hover { background-color: rgb(249 115 22 / .18); }
:root[data-theme="dark"] .tw-bg-orange-200 { background-color: rgb(249 115 22 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-orange-200:hover { background-color: rgb(249 115 22 / .26); }
:root[data-theme="dark"] .tw-text-orange-900 { color: rgb(254 215 170); }
:root[data-theme="dark"] .hover\:tw-text-orange-900:hover { color: rgb(254 215 170); }
:root[data-theme="dark"] .tw-text-orange-800 { color: rgb(254 215 170); }
:root[data-theme="dark"] .hover\:tw-text-orange-800:hover { color: rgb(254 215 170); }
:root[data-theme="dark"] .tw-text-orange-700 { color: rgb(253 186 116); }
:root[data-theme="dark"] .hover\:tw-text-orange-700:hover { color: rgb(253 186 116); }
:root[data-theme="dark"] .tw-text-orange-600 { color: rgb(253 186 116); }
:root[data-theme="dark"] .hover\:tw-text-orange-600:hover { color: rgb(253 186 116); }
:root[data-theme="dark"] .tw-border-orange-100 { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-orange-100:hover { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .tw-border-orange-200 { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-orange-200:hover { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .tw-border-orange-300 { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-orange-300:hover { border-color: rgb(249 115 22 / .4); }
:root[data-theme="dark"] .tw-bg-amber-50 { background-color: rgb(245 158 11 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-amber-50:hover { background-color: rgb(245 158 11 / .12); }
:root[data-theme="dark"] .tw-bg-amber-100 { background-color: rgb(245 158 11 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-amber-100:hover { background-color: rgb(245 158 11 / .18); }
:root[data-theme="dark"] .tw-bg-amber-200 { background-color: rgb(245 158 11 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-amber-200:hover { background-color: rgb(245 158 11 / .26); }
:root[data-theme="dark"] .tw-text-amber-900 { color: rgb(253 230 138); }
:root[data-theme="dark"] .hover\:tw-text-amber-900:hover { color: rgb(253 230 138); }
:root[data-theme="dark"] .tw-text-amber-800 { color: rgb(253 230 138); }
:root[data-theme="dark"] .hover\:tw-text-amber-800:hover { color: rgb(253 230 138); }
:root[data-theme="dark"] .tw-text-amber-700 { color: rgb(252 211 77); }
:root[data-theme="dark"] .hover\:tw-text-amber-700:hover { color: rgb(252 211 77); }
:root[data-theme="dark"] .tw-text-amber-600 { color: rgb(252 211 77); }
:root[data-theme="dark"] .hover\:tw-text-amber-600:hover { color: rgb(252 211 77); }
:root[data-theme="dark"] .tw-border-amber-100 { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .hover\:tw-border-amber-100:hover { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .tw-border-amber-200 { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .hover\:tw-border-amber-200:hover { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .tw-border-amber-300 { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .hover\:tw-border-amber-300:hover { border-color: rgb(245 158 11 / .4); }
:root[data-theme="dark"] .tw-bg-yellow-50 { background-color: rgb(234 179 8 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-yellow-50:hover { background-color: rgb(234 179 8 / .12); }
:root[data-theme="dark"] .tw-bg-yellow-100 { background-color: rgb(234 179 8 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-yellow-100:hover { background-color: rgb(234 179 8 / .18); }
:root[data-theme="dark"] .tw-bg-yellow-200 { background-color: rgb(234 179 8 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-yellow-200:hover { background-color: rgb(234 179 8 / .26); }
:root[data-theme="dark"] .tw-text-yellow-900 { color: rgb(254 240 138); }
:root[data-theme="dark"] .hover\:tw-text-yellow-900:hover { color: rgb(254 240 138); }
:root[data-theme="dark"] .tw-text-yellow-800 { color: rgb(254 240 138); }
:root[data-theme="dark"] .hover\:tw-text-yellow-800:hover { color: rgb(254 240 138); }
:root[data-theme="dark"] .tw-text-yellow-700 { color: rgb(253 224 71); }
:root[data-theme="dark"] .hover\:tw-text-yellow-700:hover { color: rgb(253 224 71); }
:root[data-theme="dark"] .tw-text-yellow-600 { color: rgb(253 224 71); }
:root[data-theme="dark"] .hover\:tw-text-yellow-600:hover { color: rgb(253 224 71); }
:root[data-theme="dark"] .tw-border-yellow-100 { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .hover\:tw-border-yellow-100:hover { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .tw-border-yellow-200 { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .hover\:tw-border-yellow-200:hover { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .tw-border-yellow-300 { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .hover\:tw-border-yellow-300:hover { border-color: rgb(234 179 8 / .4); }
:root[data-theme="dark"] .tw-bg-lime-50 { background-color: rgb(132 204 22 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-lime-50:hover { background-color: rgb(132 204 22 / .12); }
:root[data-theme="dark"] .tw-bg-lime-100 { background-color: rgb(132 204 22 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-lime-100:hover { background-color: rgb(132 204 22 / .18); }
:root[data-theme="dark"] .tw-bg-lime-200 { background-color: rgb(132 204 22 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-lime-200:hover { background-color: rgb(132 204 22 / .26); }
:root[data-theme="dark"] .tw-text-lime-900 { color: rgb(217 249 157); }
:root[data-theme="dark"] .hover\:tw-text-lime-900:hover { color: rgb(217 249 157); }
:root[data-theme="dark"] .tw-text-lime-800 { color: rgb(217 249 157); }
:root[data-theme="dark"] .hover\:tw-text-lime-800:hover { color: rgb(217 249 157); }
:root[data-theme="dark"] .tw-text-lime-700 { color: rgb(190 242 100); }
:root[data-theme="dark"] .hover\:tw-text-lime-700:hover { color: rgb(190 242 100); }
:root[data-theme="dark"] .tw-text-lime-600 { color: rgb(190 242 100); }
:root[data-theme="dark"] .hover\:tw-text-lime-600:hover { color: rgb(190 242 100); }
:root[data-theme="dark"] .tw-border-lime-100 { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-lime-100:hover { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .tw-border-lime-200 { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-lime-200:hover { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .tw-border-lime-300 { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .hover\:tw-border-lime-300:hover { border-color: rgb(132 204 22 / .4); }
:root[data-theme="dark"] .tw-bg-green-50 { background-color: rgb(34 197 94 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-green-50:hover { background-color: rgb(34 197 94 / .12); }
:root[data-theme="dark"] .tw-bg-green-100 { background-color: rgb(34 197 94 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-green-100:hover { background-color: rgb(34 197 94 / .18); }
:root[data-theme="dark"] .tw-bg-green-200 { background-color: rgb(34 197 94 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-green-200:hover { background-color: rgb(34 197 94 / .26); }
:root[data-theme="dark"] .tw-text-green-900 { color: rgb(187 247 208); }
:root[data-theme="dark"] .hover\:tw-text-green-900:hover { color: rgb(187 247 208); }
:root[data-theme="dark"] .tw-text-green-800 { color: rgb(187 247 208); }
:root[data-theme="dark"] .hover\:tw-text-green-800:hover { color: rgb(187 247 208); }
:root[data-theme="dark"] .tw-text-green-700 { color: rgb(134 239 172); }
:root[data-theme="dark"] .hover\:tw-text-green-700:hover { color: rgb(134 239 172); }
:root[data-theme="dark"] .tw-text-green-600 { color: rgb(134 239 172); }
:root[data-theme="dark"] .hover\:tw-text-green-600:hover { color: rgb(134 239 172); }
:root[data-theme="dark"] .tw-border-green-100 { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .hover\:tw-border-green-100:hover { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .tw-border-green-200 { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .hover\:tw-border-green-200:hover { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .tw-border-green-300 { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .hover\:tw-border-green-300:hover { border-color: rgb(34 197 94 / .4); }
:root[data-theme="dark"] .tw-bg-emerald-50 { background-color: rgb(16 185 129 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-emerald-50:hover { background-color: rgb(16 185 129 / .12); }
:root[data-theme="dark"] .tw-bg-emerald-100 { background-color: rgb(16 185 129 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-emerald-100:hover { background-color: rgb(16 185 129 / .18); }
:root[data-theme="dark"] .tw-bg-emerald-200 { background-color: rgb(16 185 129 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-emerald-200:hover { background-color: rgb(16 185 129 / .26); }
:root[data-theme="dark"] .tw-text-emerald-900 { color: rgb(167 243 208); }
:root[data-theme="dark"] .hover\:tw-text-emerald-900:hover { color: rgb(167 243 208); }
:root[data-theme="dark"] .tw-text-emerald-800 { color: rgb(167 243 208); }
:root[data-theme="dark"] .hover\:tw-text-emerald-800:hover { color: rgb(167 243 208); }
:root[data-theme="dark"] .tw-text-emerald-700 { color: rgb(110 231 183); }
:root[data-theme="dark"] .hover\:tw-text-emerald-700:hover { color: rgb(110 231 183); }
:root[data-theme="dark"] .tw-text-emerald-600 { color: rgb(110 231 183); }
:root[data-theme="dark"] .hover\:tw-text-emerald-600:hover { color: rgb(110 231 183); }
:root[data-theme="dark"] .tw-border-emerald-100 { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .hover\:tw-border-emerald-100:hover { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .tw-border-emerald-200 { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .hover\:tw-border-emerald-200:hover { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .tw-border-emerald-300 { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .hover\:tw-border-emerald-300:hover { border-color: rgb(16 185 129 / .4); }
:root[data-theme="dark"] .tw-bg-teal-50 { background-color: rgb(20 184 166 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-teal-50:hover { background-color: rgb(20 184 166 / .12); }
:root[data-theme="dark"] .tw-bg-teal-100 { background-color: rgb(20 184 166 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-teal-100:hover { background-color: rgb(20 184 166 / .18); }
:root[data-theme="dark"] .tw-bg-teal-200 { background-color: rgb(20 184 166 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-teal-200:hover { background-color: rgb(20 184 166 / .26); }
:root[data-theme="dark"] .tw-text-teal-900 { color: rgb(153 246 228); }
:root[data-theme="dark"] .hover\:tw-text-teal-900:hover { color: rgb(153 246 228); }
:root[data-theme="dark"] .tw-text-teal-800 { color: rgb(153 246 228); }
:root[data-theme="dark"] .hover\:tw-text-teal-800:hover { color: rgb(153 246 228); }
:root[data-theme="dark"] .tw-text-teal-700 { color: rgb(94 234 212); }
:root[data-theme="dark"] .hover\:tw-text-teal-700:hover { color: rgb(94 234 212); }
:root[data-theme="dark"] .tw-text-teal-600 { color: rgb(94 234 212); }
:root[data-theme="dark"] .hover\:tw-text-teal-600:hover { color: rgb(94 234 212); }
:root[data-theme="dark"] .tw-border-teal-100 { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .hover\:tw-border-teal-100:hover { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .tw-border-teal-200 { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .hover\:tw-border-teal-200:hover { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .tw-border-teal-300 { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .hover\:tw-border-teal-300:hover { border-color: rgb(20 184 166 / .4); }
:root[data-theme="dark"] .tw-bg-cyan-50 { background-color: rgb(6 182 212 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-cyan-50:hover { background-color: rgb(6 182 212 / .12); }
:root[data-theme="dark"] .tw-bg-cyan-100 { background-color: rgb(6 182 212 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-cyan-100:hover { background-color: rgb(6 182 212 / .18); }
:root[data-theme="dark"] .tw-bg-cyan-200 { background-color: rgb(6 182 212 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-cyan-200:hover { background-color: rgb(6 182 212 / .26); }
:root[data-theme="dark"] .tw-text-cyan-900 { color: rgb(165 243 252); }
:root[data-theme="dark"] .hover\:tw-text-cyan-900:hover { color: rgb(165 243 252); }
:root[data-theme="dark"] .tw-text-cyan-800 { color: rgb(165 243 252); }
:root[data-theme="dark"] .hover\:tw-text-cyan-800:hover { color: rgb(165 243 252); }
:root[data-theme="dark"] .tw-text-cyan-700 { color: rgb(103 232 249); }
:root[data-theme="dark"] .hover\:tw-text-cyan-700:hover { color: rgb(103 232 249); }
:root[data-theme="dark"] .tw-text-cyan-600 { color: rgb(103 232 249); }
:root[data-theme="dark"] .hover\:tw-text-cyan-600:hover { color: rgb(103 232 249); }
:root[data-theme="dark"] .tw-border-cyan-100 { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .hover\:tw-border-cyan-100:hover { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .tw-border-cyan-200 { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .hover\:tw-border-cyan-200:hover { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .tw-border-cyan-300 { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .hover\:tw-border-cyan-300:hover { border-color: rgb(6 182 212 / .4); }
:root[data-theme="dark"] .tw-bg-sky-200 { background-color: rgb(14 165 233 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-sky-200:hover { background-color: rgb(14 165 233 / .26); }
:root[data-theme="dark"] .tw-text-sky-900 { color: rgb(186 230 253); }
:root[data-theme="dark"] .hover\:tw-text-sky-900:hover { color: rgb(186 230 253); }
:root[data-theme="dark"] .tw-text-sky-800 { color: rgb(186 230 253); }
:root[data-theme="dark"] .hover\:tw-text-sky-800:hover { color: rgb(186 230 253); }
:root[data-theme="dark"] .tw-text-sky-600 { color: rgb(125 211 252); }
:root[data-theme="dark"] .hover\:tw-text-sky-600:hover { color: rgb(125 211 252); }
:root[data-theme="dark"] .tw-border-sky-200 { border-color: rgb(14 165 233 / .4); }
:root[data-theme="dark"] .hover\:tw-border-sky-200:hover { border-color: rgb(14 165 233 / .4); }
:root[data-theme="dark"] .tw-border-sky-300 { border-color: rgb(14 165 233 / .4); }
:root[data-theme="dark"] .hover\:tw-border-sky-300:hover { border-color: rgb(14 165 233 / .4); }
:root[data-theme="dark"] .tw-bg-blue-50 { background-color: rgb(59 130 246 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-blue-50:hover { background-color: rgb(59 130 246 / .12); }
:root[data-theme="dark"] .tw-bg-blue-100 { background-color: rgb(59 130 246 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-blue-100:hover { background-color: rgb(59 130 246 / .18); }
:root[data-theme="dark"] .tw-bg-blue-200 { background-color: rgb(59 130 246 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-blue-200:hover { background-color: rgb(59 130 246 / .26); }
:root[data-theme="dark"] .tw-text-blue-900 { color: rgb(191 219 254); }
:root[data-theme="dark"] .hover\:tw-text-blue-900:hover { color: rgb(191 219 254); }
:root[data-theme="dark"] .tw-text-blue-800 { color: rgb(191 219 254); }
:root[data-theme="dark"] .hover\:tw-text-blue-800:hover { color: rgb(191 219 254); }
:root[data-theme="dark"] .tw-text-blue-700 { color: rgb(147 197 253); }
:root[data-theme="dark"] .hover\:tw-text-blue-700:hover { color: rgb(147 197 253); }
:root[data-theme="dark"] .tw-text-blue-600 { color: rgb(147 197 253); }
:root[data-theme="dark"] .hover\:tw-text-blue-600:hover { color: rgb(147 197 253); }
:root[data-theme="dark"] .tw-border-blue-100 { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-blue-100:hover { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .tw-border-blue-200 { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-blue-200:hover { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .tw-border-blue-300 { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-blue-300:hover { border-color: rgb(59 130 246 / .4); }
:root[data-theme="dark"] .tw-bg-indigo-50 { background-color: rgb(99 102 241 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-indigo-50:hover { background-color: rgb(99 102 241 / .12); }
:root[data-theme="dark"] .tw-bg-indigo-100 { background-color: rgb(99 102 241 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-indigo-100:hover { background-color: rgb(99 102 241 / .18); }
:root[data-theme="dark"] .tw-bg-indigo-200 { background-color: rgb(99 102 241 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-indigo-200:hover { background-color: rgb(99 102 241 / .26); }
:root[data-theme="dark"] .tw-text-indigo-900 { color: rgb(199 210 254); }
:root[data-theme="dark"] .hover\:tw-text-indigo-900:hover { color: rgb(199 210 254); }
:root[data-theme="dark"] .tw-text-indigo-800 { color: rgb(199 210 254); }
:root[data-theme="dark"] .hover\:tw-text-indigo-800:hover { color: rgb(199 210 254); }
:root[data-theme="dark"] .tw-text-indigo-700 { color: rgb(165 180 252); }
:root[data-theme="dark"] .hover\:tw-text-indigo-700:hover { color: rgb(165 180 252); }
:root[data-theme="dark"] .tw-text-indigo-600 { color: rgb(165 180 252); }
:root[data-theme="dark"] .hover\:tw-text-indigo-600:hover { color: rgb(165 180 252); }
:root[data-theme="dark"] .tw-border-indigo-100 { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .hover\:tw-border-indigo-100:hover { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .tw-border-indigo-200 { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .hover\:tw-border-indigo-200:hover { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .tw-border-indigo-300 { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .hover\:tw-border-indigo-300:hover { border-color: rgb(99 102 241 / .4); }
:root[data-theme="dark"] .tw-bg-violet-50 { background-color: rgb(139 92 246 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-violet-50:hover { background-color: rgb(139 92 246 / .12); }
:root[data-theme="dark"] .tw-bg-violet-100 { background-color: rgb(139 92 246 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-violet-100:hover { background-color: rgb(139 92 246 / .18); }
:root[data-theme="dark"] .tw-bg-violet-200 { background-color: rgb(139 92 246 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-violet-200:hover { background-color: rgb(139 92 246 / .26); }
:root[data-theme="dark"] .tw-text-violet-900 { color: rgb(221 214 254); }
:root[data-theme="dark"] .hover\:tw-text-violet-900:hover { color: rgb(221 214 254); }
:root[data-theme="dark"] .tw-text-violet-800 { color: rgb(221 214 254); }
:root[data-theme="dark"] .hover\:tw-text-violet-800:hover { color: rgb(221 214 254); }
:root[data-theme="dark"] .tw-text-violet-700 { color: rgb(196 181 253); }
:root[data-theme="dark"] .hover\:tw-text-violet-700:hover { color: rgb(196 181 253); }
:root[data-theme="dark"] .tw-text-violet-600 { color: rgb(196 181 253); }
:root[data-theme="dark"] .hover\:tw-text-violet-600:hover { color: rgb(196 181 253); }
:root[data-theme="dark"] .tw-border-violet-100 { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-violet-100:hover { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .tw-border-violet-200 { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-violet-200:hover { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .tw-border-violet-300 { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .hover\:tw-border-violet-300:hover { border-color: rgb(139 92 246 / .4); }
:root[data-theme="dark"] .tw-bg-purple-50 { background-color: rgb(168 85 247 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-purple-50:hover { background-color: rgb(168 85 247 / .12); }
:root[data-theme="dark"] .tw-bg-purple-100 { background-color: rgb(168 85 247 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-purple-100:hover { background-color: rgb(168 85 247 / .18); }
:root[data-theme="dark"] .tw-bg-purple-200 { background-color: rgb(168 85 247 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-purple-200:hover { background-color: rgb(168 85 247 / .26); }
:root[data-theme="dark"] .tw-text-purple-900 { color: rgb(233 213 255); }
:root[data-theme="dark"] .hover\:tw-text-purple-900:hover { color: rgb(233 213 255); }
:root[data-theme="dark"] .tw-text-purple-800 { color: rgb(233 213 255); }
:root[data-theme="dark"] .hover\:tw-text-purple-800:hover { color: rgb(233 213 255); }
:root[data-theme="dark"] .tw-text-purple-700 { color: rgb(216 180 254); }
:root[data-theme="dark"] .hover\:tw-text-purple-700:hover { color: rgb(216 180 254); }
:root[data-theme="dark"] .tw-text-purple-600 { color: rgb(216 180 254); }
:root[data-theme="dark"] .hover\:tw-text-purple-600:hover { color: rgb(216 180 254); }
:root[data-theme="dark"] .tw-border-purple-100 { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .hover\:tw-border-purple-100:hover { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .tw-border-purple-200 { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .hover\:tw-border-purple-200:hover { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .tw-border-purple-300 { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .hover\:tw-border-purple-300:hover { border-color: rgb(168 85 247 / .4); }
:root[data-theme="dark"] .tw-bg-fuchsia-50 { background-color: rgb(217 70 239 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-fuchsia-50:hover { background-color: rgb(217 70 239 / .12); }
:root[data-theme="dark"] .tw-bg-fuchsia-100 { background-color: rgb(217 70 239 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-fuchsia-100:hover { background-color: rgb(217 70 239 / .18); }
:root[data-theme="dark"] .tw-bg-fuchsia-200 { background-color: rgb(217 70 239 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-fuchsia-200:hover { background-color: rgb(217 70 239 / .26); }
:root[data-theme="dark"] .tw-text-fuchsia-900 { color: rgb(245 208 254); }
:root[data-theme="dark"] .hover\:tw-text-fuchsia-900:hover { color: rgb(245 208 254); }
:root[data-theme="dark"] .tw-text-fuchsia-800 { color: rgb(245 208 254); }
:root[data-theme="dark"] .hover\:tw-text-fuchsia-800:hover { color: rgb(245 208 254); }
:root[data-theme="dark"] .tw-text-fuchsia-700 { color: rgb(240 171 252); }
:root[data-theme="dark"] .hover\:tw-text-fuchsia-700:hover { color: rgb(240 171 252); }
:root[data-theme="dark"] .tw-text-fuchsia-600 { color: rgb(240 171 252); }
:root[data-theme="dark"] .hover\:tw-text-fuchsia-600:hover { color: rgb(240 171 252); }
:root[data-theme="dark"] .tw-border-fuchsia-100 { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .hover\:tw-border-fuchsia-100:hover { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .tw-border-fuchsia-200 { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .hover\:tw-border-fuchsia-200:hover { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .tw-border-fuchsia-300 { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .hover\:tw-border-fuchsia-300:hover { border-color: rgb(217 70 239 / .4); }
:root[data-theme="dark"] .tw-bg-pink-50 { background-color: rgb(236 72 153 / .12); }
:root[data-theme="dark"] .hover\:tw-bg-pink-50:hover { background-color: rgb(236 72 153 / .12); }
:root[data-theme="dark"] .tw-bg-pink-100 { background-color: rgb(236 72 153 / .18); }
:root[data-theme="dark"] .hover\:tw-bg-pink-100:hover { background-color: rgb(236 72 153 / .18); }
:root[data-theme="dark"] .tw-bg-pink-200 { background-color: rgb(236 72 153 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-pink-200:hover { background-color: rgb(236 72 153 / .26); }
:root[data-theme="dark"] .tw-text-pink-900 { color: rgb(251 207 232); }
:root[data-theme="dark"] .hover\:tw-text-pink-900:hover { color: rgb(251 207 232); }
:root[data-theme="dark"] .tw-text-pink-800 { color: rgb(251 207 232); }
:root[data-theme="dark"] .hover\:tw-text-pink-800:hover { color: rgb(251 207 232); }
:root[data-theme="dark"] .tw-text-pink-700 { color: rgb(249 168 212); }
:root[data-theme="dark"] .hover\:tw-text-pink-700:hover { color: rgb(249 168 212); }
:root[data-theme="dark"] .tw-text-pink-600 { color: rgb(249 168 212); }
:root[data-theme="dark"] .hover\:tw-text-pink-600:hover { color: rgb(249 168 212); }
:root[data-theme="dark"] .tw-border-pink-100 { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .hover\:tw-border-pink-100:hover { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .tw-border-pink-200 { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .hover\:tw-border-pink-200:hover { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .tw-border-pink-300 { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .hover\:tw-border-pink-300:hover { border-color: rgb(236 72 153 / .4); }
:root[data-theme="dark"] .tw-bg-rose-200 { background-color: rgb(244 63 94 / .26); }
:root[data-theme="dark"] .hover\:tw-bg-rose-200:hover { background-color: rgb(244 63 94 / .26); }
:root[data-theme="dark"] .tw-text-rose-900 { color: rgb(254 205 211); }
:root[data-theme="dark"] .hover\:tw-text-rose-900:hover { color: rgb(254 205 211); }
:root[data-theme="dark"] .tw-text-rose-800 { color: rgb(254 205 211); }
:root[data-theme="dark"] .hover\:tw-text-rose-800:hover { color: rgb(254 205 211); }
:root[data-theme="dark"] .tw-text-rose-600 { color: rgb(253 164 175); }
:root[data-theme="dark"] .hover\:tw-text-rose-600:hover { color: rgb(253 164 175); }
:root[data-theme="dark"] .tw-border-rose-200 { border-color: rgb(244 63 94 / .4); }
:root[data-theme="dark"] .hover\:tw-border-rose-200:hover { border-color: rgb(244 63 94 / .4); }
:root[data-theme="dark"] .tw-border-rose-300 { border-color: rgb(244 63 94 / .4); }
:root[data-theme="dark"] .hover\:tw-border-rose-300:hover { border-color: rgb(244 63 94 / .4); }

/* Brand as TEXT: 500/600 are fill shades (white text on them), on a dark
   surface they read ~3:1. As text they take the dark theme's brand-700, the
   light accent (CrmPalette sets it for client palettes too). */
:root[data-theme="dark"] .tw-text-brand-500,
:root[data-theme="dark"] .tw-text-brand-600,
:root[data-theme="dark"] .tw-text-brand-800,
:root[data-theme="dark"] .tw-text-brand-900,
:root[data-theme="dark"] .hover\:tw-text-brand-600:hover,
:root[data-theme="dark"] .hover\:tw-text-brand-700:hover { color: rgb(var(--pf-brand-700)); }