/* Generated from color-system.json + colorgraphy.json; do not edit values here. */
:root, [data-splup-theme="light"] {
  --splup-color-bg-canvas: #FFFFFF;
  --splup-color-bg-canvas-subtle: #FAF9FC;
  --splup-color-bg-brand-subtle: #F9F4FF;
  --splup-color-bg-inverted: #2D2435;
  --splup-color-bg-layer-basement: #F3F0F7;
  --splup-color-bg-layer-default: #FFFFFF;
  --splup-color-bg-layer-floating: #FFFFFF;
  --splup-color-bg-layer-modal: #FFFFFF;
  --splup-color-bg-brand-decorative: #AA4AF4;
  --splup-color-bg-brand-decorative-pressed: #9D3EE4;
  --splup-color-bg-brand-tonal: #F2E8FF;
  --splup-color-bg-neutral-weak: #F3F0F7;
  --splup-color-bg-neutral-fill-disabled: #E7E1EE;
  --splup-color-fg-neutral-strong: #1C1722;
  --splup-color-fg-neutral: #443651;
  --splup-color-fg-neutral-subtle: #6D5F7D;
  --splup-color-fg-neutral-text-disabled: #B2A7BF;
  --splup-color-fg-brand: #862FC6;
  --splup-color-fg-on-brand-decorative: #FFFFFF;
  --splup-color-fg-inverted: #FAF9FC;
  --splup-color-fg-neutral-placeholder: #6D5F7D;
  --splup-color-fg-neutral-icon: #443651;
  --splup-color-fg-neutral-icon-subtle: #6D5F7D;
  --splup-color-fg-neutral-icon-disabled: #B2A7BF;
  --splup-color-stroke-neutral: #E7E1EE;
  --splup-color-stroke-neutral-strong: #D5CCDF;
  --splup-color-stroke-brand: #AA4AF4;
  --splup-color-stroke-brand-weak: #E5CEFF;
  --splup-color-stroke-control: #897B99;
  --splup-color-stroke-focus: #862FC6;
  --splup-color-bg-neutral-selected: #F2E8FF;
  --splup-color-fg-neutral-selected: #582082;
  --splup-color-stroke-neutral-selected: #862FC6;
  --splup-color-bg-neutral-unselected: #FFFFFF;
  --splup-color-fg-neutral-unselected: #6D5F7D;
  --splup-color-stroke-neutral-unselected: #897B99;
  --splup-color-bg-brand-solid: #9D3EE4;
  --splup-color-bg-brand-solid-hovered: #862FC6;
  --splup-color-bg-brand-solid-pressed: #6F26A4;
  --splup-color-fg-on-brand-solid: #FFFFFF;
  --splup-color-bg-brand-weak: #F2E8FF;
  --splup-color-bg-brand-weak-hovered: #E5CEFF;
  --splup-color-bg-brand-weak-pressed: #D6AEFF;
  --splup-color-fg-on-brand-weak: #582082;
  --splup-color-bg-neutral-solid: #F3F0F7;
  --splup-color-bg-neutral-solid-hovered: #E7E1EE;
  --splup-color-bg-neutral-solid-pressed: #D5CCDF;
  --splup-color-fg-on-neutral-solid: #443651;
  --splup-color-bg-brand-ghost: #FFFFFF;
  --splup-color-bg-brand-ghost-hovered: #F3F0F7;
  --splup-color-bg-brand-ghost-pressed: #E7E1EE;
  --splup-color-fg-on-brand-ghost: #862FC6;
  --splup-color-bg-critical-solid: #B92E5B;
  --splup-color-bg-critical-solid-hovered: #922346;
  --splup-color-bg-critical-solid-pressed: #651C35;
  --splup-color-fg-on-critical-solid: #FFFFFF;
  --splup-color-bg-neutral-action-disabled: #E7E1EE;
  --splup-color-fg-neutral-action-disabled: #897B99;
  --splup-color-bg-positive-weak: #ECFCEF;
  --splup-color-fg-positive: #00662C;
  --splup-color-bg-warning-weak: #FFF5ED;
  --splup-color-fg-warning: #894900;
  --splup-color-bg-critical-weak: #FFF3F7;
  --splup-color-fg-critical: #922346;
  --splup-color-bg-informative-weak: #F1F8FF;
  --splup-color-fg-informative: #00539A;
}
[data-splup-theme="dark"] {
  --splup-color-bg-canvas: #1C1722;
  --splup-color-bg-canvas-subtle: #2D2435;
  --splup-color-bg-brand-subtle: #AA4AF424;
  --splup-color-bg-inverted: #F3F0F7;
  --splup-color-bg-layer-basement: #1C1722;
  --splup-color-bg-layer-default: #2D2435;
  --splup-color-bg-layer-floating: #443651;
  --splup-color-bg-layer-modal: #443651;
  --splup-color-bg-brand-decorative: #C588FF;
  --splup-color-bg-brand-decorative-pressed: #D6AEFF;
  --splup-color-bg-brand-tonal: #582082;
  --splup-color-bg-neutral-weak: #443651;
  --splup-color-bg-neutral-fill-disabled: #584A68;
  --splup-color-fg-neutral-strong: #FAF9FC;
  --splup-color-fg-neutral: #E7E1EE;
  --splup-color-fg-neutral-subtle: #B2A7BF;
  --splup-color-fg-neutral-text-disabled: #6D5F7D;
  --splup-color-fg-brand: #D6AEFF;
  --splup-color-fg-on-brand-decorative: #421763;
  --splup-color-fg-inverted: #2D2435;
  --splup-color-fg-neutral-placeholder: #B2A7BF;
  --splup-color-fg-neutral-icon: #E7E1EE;
  --splup-color-fg-neutral-icon-subtle: #B2A7BF;
  --splup-color-fg-neutral-icon-disabled: #6D5F7D;
  --splup-color-stroke-neutral: #443651;
  --splup-color-stroke-neutral-strong: #584A68;
  --splup-color-stroke-brand: #C588FF;
  --splup-color-stroke-brand-weak: #AA4AF447;
  --splup-color-stroke-control: #897B99;
  --splup-color-stroke-focus: #D6AEFF;
  --splup-color-bg-neutral-selected: #582082;
  --splup-color-fg-neutral-selected: #F2E8FF;
  --splup-color-stroke-neutral-selected: #D6AEFF;
  --splup-color-bg-neutral-unselected: #2D2435;
  --splup-color-fg-neutral-unselected: #B2A7BF;
  --splup-color-stroke-neutral-unselected: #897B99;
  --splup-color-bg-brand-solid: #C588FF;
  --splup-color-bg-brand-solid-hovered: #D6AEFF;
  --splup-color-bg-brand-solid-pressed: #E5CEFF;
  --splup-color-fg-on-brand-solid: #421763;
  --splup-color-bg-brand-weak: #582082;
  --splup-color-bg-brand-weak-hovered: #6F26A4;
  --splup-color-bg-brand-weak-pressed: #862FC6;
  --splup-color-fg-on-brand-weak: #F2E8FF;
  --splup-color-bg-neutral-solid: #443651;
  --splup-color-bg-neutral-solid-hovered: #584A68;
  --splup-color-bg-neutral-solid-pressed: #6D5F7D;
  --splup-color-fg-on-neutral-solid: #FAF9FC;
  --splup-color-bg-brand-ghost: #1C1722;
  --splup-color-bg-brand-ghost-hovered: #2D2435;
  --splup-color-bg-brand-ghost-pressed: #443651;
  --splup-color-fg-on-brand-ghost: #D6AEFF;
  --splup-color-bg-critical-solid: #FFA4C4;
  --splup-color-bg-critical-solid-hovered: #FFC6D9;
  --splup-color-bg-critical-solid-pressed: #FFE3ED;
  --splup-color-fg-on-critical-solid: #471324;
  --splup-color-bg-neutral-action-disabled: #584A68;
  --splup-color-fg-neutral-action-disabled: #B2A7BF;
  --splup-color-bg-positive-weak: #003D18;
  --splup-color-fg-positive: #A9EDBB;
  --splup-color-bg-warning-weak: #4E2500;
  --splup-color-fg-warning: #FFD0A6;
  --splup-color-bg-critical-weak: #471324;
  --splup-color-fg-critical: #FFC6D9;
  --splup-color-bg-informative-weak: #003160;
  --splup-color-fg-informative: #B9DDFF;
}