:root[data-accent="softBlue"] { --accent: #4882FA; --accent-strong: #7BA4FF; --accent-2: #8B6DF0; --accent-soft: color-mix(in srgb, #4882FA 14%, transparent); }
:root[data-theme="light"][data-accent="softBlue"] { --accent: #2F6BEB; --accent-strong: #2456B8; --accent-soft: color-mix(in srgb, #2F6BEB 12%, transparent); }
:root[data-accent="sage"] { --accent: #4E9A6B; --accent-strong: #7FC499; --accent-2: #A8813A; --accent-soft: color-mix(in srgb, #4E9A6B 14%, transparent); }
:root[data-theme="light"][data-accent="sage"] { --accent: #3B7D59; --accent-strong: #2F6548; --accent-soft: color-mix(in srgb, #3B7D59 12%, transparent); }
:root[data-accent="lavender"] { --accent: #9174F1; --accent-strong: #B9A3FF; --accent-2: #3E7BFA; --accent-soft: color-mix(in srgb, #9174F1 14%, transparent); }
:root[data-theme="light"][data-accent="lavender"] { --accent: #7C5CE0; --accent-strong: #6336A0; --accent-soft: color-mix(in srgb, #7C5CE0 12%, transparent); }
:root[data-accent="beige"] { --accent: #B08D57; --accent-strong: #D4B483; --accent-2: #8B6DF0; --accent-soft: color-mix(in srgb, #B08D57 14%, transparent); }
:root[data-theme="light"][data-accent="beige"] { --accent: #8C6A33; --accent-strong: #765426; --accent-soft: color-mix(in srgb, #8C6A33 12%, transparent); }
:root[data-accent="dustyPink"] { --accent: #C4708A; --accent-strong: #E5A3B6; --accent-2: #4E9A6B; --accent-soft: color-mix(in srgb, #C4708A 14%, transparent); }
:root[data-theme="light"][data-accent="dustyPink"] { --accent: #B04D6C; --accent-strong: #8D3E5B; --accent-soft: color-mix(in srgb, #B04D6C 12%, transparent); }
:root[data-accent="turquoise"] { --accent: #1E9E96; --accent-strong: #5CC9C2; --accent-2: #3E7BFA; --accent-soft: color-mix(in srgb, #1E9E96 14%, transparent); }
:root[data-theme="light"][data-accent="turquoise"] { --accent: #167A74; --accent-strong: #176B70; --accent-soft: color-mix(in srgb, #167A74 12%, transparent); }
:root[data-accent="monochrome"] { --accent: #A4A9B8; --accent-strong: #D4D6DC; --accent-2: #8E93A3; --accent-soft: color-mix(in srgb, #A4A9B8 14%, transparent); }
:root[data-theme="light"][data-accent="monochrome"] { --accent: #4A4F5C; --accent-strong: #3F4B61; --accent-soft: color-mix(in srgb, #4A4F5C 12%, transparent); }
:root[data-accent="coral"] { --accent: #D95F4E; --accent-strong: #F09386; --accent-2: #A8813A; --accent-soft: color-mix(in srgb, #D95F4E 14%, transparent); }
:root[data-theme="light"][data-accent="coral"] { --accent: #C24A38; --accent-strong: #9A403D; --accent-soft: color-mix(in srgb, #C24A38 12%, transparent); }
:root[data-accent="lime"] { --accent: #7FA830; --accent-strong: #A9CF62; --accent-2: #1E9E96; --accent-soft: color-mix(in srgb, #7FA830 14%, transparent); }
:root[data-theme="light"][data-accent="lime"] { --accent: #567E1B; --accent-strong: #416B20; --accent-soft: color-mix(in srgb, #567E1B 12%, transparent); }
:root[data-accent="violet"] { --accent: #A56DE8; --accent-strong: #C496F0; --accent-2: #7BA4FF; --accent-soft: color-mix(in srgb, #A56DE8 14%, transparent); }
:root[data-theme="light"][data-accent="violet"] { --accent: #8A4FD6; --accent-strong: #6336A0; --accent-soft: color-mix(in srgb, #8A4FD6 12%, transparent); }