/* LayoutFX owns these color roles only inside its components; theme typography still inherits. */
.layoutfx-inherit,.bws,.bws-large-preview,.bws-thumb-canvas,.bws-starter-live-canvas{
 --layoutfx-primary:#7bced2;
 --layoutfx-secondary:#5bc1a6;
 --layoutfx-cyan-50:color-mix(in srgb,var(--layoutfx-primary) 8%,#ffffff);
 --layoutfx-cyan-100:color-mix(in srgb,var(--layoutfx-primary) 16%,#ffffff);
 --layoutfx-cyan-200:color-mix(in srgb,var(--layoutfx-primary) 32%,#ffffff);
 --layoutfx-cyan-300:color-mix(in srgb,var(--layoutfx-primary) 52%,#ffffff);
 --layoutfx-cyan-400:color-mix(in srgb,var(--layoutfx-primary) 76%,#ffffff);
 --layoutfx-cyan-500:var(--layoutfx-primary);
 --layoutfx-cyan-600:color-mix(in srgb,var(--layoutfx-primary) 82%,#000000);
 --layoutfx-cyan-700:color-mix(in srgb,var(--layoutfx-primary) 64%,#000000);
 --layoutfx-cyan-800:color-mix(in srgb,var(--layoutfx-primary) 46%,#000000);
 --layoutfx-cyan-900:color-mix(in srgb,var(--layoutfx-primary) 28%,#000000);
 --layoutfx-cyan-950:color-mix(in srgb,var(--layoutfx-primary) 16%,#000000);
 --layoutfx-mint-50:color-mix(in srgb,var(--layoutfx-secondary) 8%,#ffffff);
 --layoutfx-mint-100:color-mix(in srgb,var(--layoutfx-secondary) 16%,#ffffff);
 --layoutfx-mint-200:color-mix(in srgb,var(--layoutfx-secondary) 32%,#ffffff);
 --layoutfx-mint-300:color-mix(in srgb,var(--layoutfx-secondary) 52%,#ffffff);
 --layoutfx-mint-400:color-mix(in srgb,var(--layoutfx-secondary) 76%,#ffffff);
 --layoutfx-mint-500:var(--layoutfx-secondary);
 --layoutfx-mint-600:color-mix(in srgb,var(--layoutfx-secondary) 82%,#000000);
 --layoutfx-mint-700:color-mix(in srgb,var(--layoutfx-secondary) 64%,#000000);
 --layoutfx-mint-800:color-mix(in srgb,var(--layoutfx-secondary) 46%,#000000);
 --layoutfx-mint-900:color-mix(in srgb,var(--layoutfx-secondary) 28%,#000000);
 --layoutfx-mint-950:color-mix(in srgb,var(--layoutfx-secondary) 16%,#000000);
 --layoutfx-neutral-50:color-mix(in srgb,var(--layoutfx-cyan-950) 2%,#ffffff);
 --layoutfx-neutral-100:color-mix(in srgb,var(--layoutfx-cyan-950) 6%,#ffffff);
 --layoutfx-neutral-200:color-mix(in srgb,var(--layoutfx-cyan-950) 12%,#ffffff);
 --layoutfx-neutral-400:color-mix(in srgb,var(--layoutfx-cyan-950) 40%,#ffffff);
 --layoutfx-neutral-600:color-mix(in srgb,var(--layoutfx-cyan-950) 68%,#ffffff);
 --layoutfx-neutral-900:color-mix(in srgb,var(--layoutfx-cyan-950) 100%,#ffffff);
 --layoutfx-ink:var(--layoutfx-cyan-950);
 --layoutfx-base:#ffffff;
 --layoutfx-cyan-soft:var(--layoutfx-cyan-100);
 --layoutfx-mint-soft:var(--layoutfx-mint-100);
 --layoutfx-action:var(--layoutfx-cyan-800);
 --layoutfx-action-hover:var(--layoutfx-mint-800);
 --theme-color-bg_color:var(--layoutfx-base);
 --theme-color-alter_bg_color:var(--layoutfx-cyan-soft);
 --theme-color-bd_color:var(--layoutfx-cyan-200);
 --theme-color-text:var(--layoutfx-ink);
 --theme-color-text_dark:var(--layoutfx-ink);
 --theme-color-text_light:var(--layoutfx-ink);
 --theme-color-text_link:var(--layoutfx-action);
 --theme-color-text_link2:var(--layoutfx-secondary);
 --theme-color-text_hover:var(--layoutfx-action-hover);
 --theme-color-extra_bg_color:var(--layoutfx-mint-soft);
 --theme-color-extra_dark:var(--layoutfx-ink);
 --theme-color-extra_text:var(--layoutfx-ink);
 --theme-color-inverse_link:var(--layoutfx-base);
}