/* Soft Forge CMS Design System: design tokens as CSS custom properties (VAR-9). Generated by UI Designer; do not edit. */
:root {
	/* color (Light) */
	--palette-brand-50: #EAF2FB;
	--palette-brand-100: #D4E4F7;
	--palette-brand-200: #99C1F1;
	--palette-brand-300: #78AEED;
	--palette-brand-400: #62A0EA;
	--palette-brand-500: #3584E4;
	--palette-brand-600: #1C71D8;
	--palette-brand-700: #1A5FB4;
	--palette-brand-800: #15488A;
	--palette-brand-900: #23395B;
	--palette-danger-50: #FBE9EA;
	--palette-neutral-0: #FFFFFF;
	--palette-danger-100: #F7CFD1;
	--palette-neutral-50: #FAFAFA;
	--palette-danger-300: #F66151;
	--palette-neutral-100: #F6F5F4;
	--palette-danger-500: #ED333B;
	--palette-neutral-200: #DEDDDA;
	--palette-danger-600: #E01B24;
	--palette-neutral-300: #C0BFBC;
	--palette-danger-700: #C01C28;
	--palette-neutral-400: #9A9996;
	--palette-danger-900: #4A0F14;
	--palette-neutral-500: #77767B;
	--palette-info-50: #F4ECF6;
	--palette-neutral-600: #5E5C64;
	--palette-info-100: #E8D5EC;
	--palette-neutral-700: #3D3846;
	--palette-info-300: #DC8ADD;
	--palette-neutral-800: #303030;
	--palette-info-500: #C061CB;
	--palette-neutral-900: #242424;
	--palette-info-600: #9141AC;
	--palette-neutral-1000: #1E1E1E;
	--palette-info-700: #813D9C;
	--palette-success-50: #E6F9ED;
	--palette-info-900: #3B1A46;
	--palette-success-100: #C4F2D4;
	--palette-accent-50: #FFF1E6;
	--palette-success-300: #8FF0A4;
	--palette-accent-100: #FFDFC2;
	--palette-success-500: #33D17A;
	--palette-accent-300: #FFBE6F;
	--palette-success-600: #2EC27E;
	--palette-accent-500: #FF7800;
	--palette-success-700: #1B8553;
	--palette-accent-600: #E66100;
	--palette-success-900: #163E2B;
	--palette-accent-700: #C64600;
	--palette-warning-50: #FDF8E1;
	--palette-accent-900: #5C2100;
	--palette-warning-100: #FAF0BF;
	--color-bg-canvas: var(--palette-neutral-50);
	--palette-warning-300: #F8E45C;
	--color-bg-surface: var(--palette-neutral-0);
	--palette-warning-500: #F5C211;
	--color-bg-surface-raised: var(--palette-neutral-0);
	--palette-warning-600: #E5A50A;
	--color-bg-surface-sunken: var(--palette-neutral-100);
	--palette-warning-700: #9C6E03;
	--color-bg-surface-hover: #EDEDED;
	--palette-warning-900: #4D3B05;
	--color-bg-surface-selected: var(--palette-brand-50);
	--color-bg-input: var(--palette-neutral-0);
	--color-bg-disabled: var(--palette-neutral-100);
	--color-bg-brand: var(--palette-brand-500);
	--color-bg-brand-hover: var(--palette-brand-600);
	--color-bg-brand-active: var(--palette-brand-700);
	--color-bg-brand-subtle: var(--palette-brand-50);
	--color-bg-inverse: var(--palette-neutral-800);
	--color-bg-overlay: rgba(0, 0, 0, 0.4);
	--color-text-primary: #323232;
	--color-status-danger-text: var(--palette-danger-700);
	--color-text-secondary: var(--palette-neutral-600);
	--color-status-danger-border: var(--palette-danger-300);
	--color-text-muted: var(--palette-neutral-500);
	--color-status-info: var(--palette-info-600);
	--color-text-placeholder: var(--palette-neutral-500);
	--color-status-info-subtle: var(--palette-info-50);
	--color-text-disabled: var(--palette-neutral-300);
	--color-status-info-text: var(--palette-info-700);
	--color-text-on-brand: var(--palette-neutral-0);
	--color-status-info-border: var(--palette-info-300);
	--color-text-brand: var(--palette-brand-600);
	--color-chart-1: #3584E4;
	--color-text-link: var(--palette-brand-600);
	--color-chart-2: #2EC27E;
	--color-text-inverse: var(--palette-neutral-0);
	--color-chart-3: #FF7800;
	--color-text-on-status: var(--palette-neutral-0);
	--color-chart-4: #9141AC;
	--color-border-default: var(--palette-neutral-200);
	--color-chart-5: #F5C211;
	--color-border-subtle: #EBEBEB;
	--color-chart-6: #E01B24;
	--color-border-strong: var(--palette-neutral-500);
	--color-border-brand: var(--palette-brand-500);
	--color-border-focus: var(--palette-brand-500);
	--color-border-disabled: var(--palette-neutral-200);
	--color-status-success: var(--palette-success-600);
	--color-status-success-subtle: var(--palette-success-50);
	--color-status-success-text: var(--palette-success-700);
	--color-status-success-border: var(--palette-success-300);
	--color-status-warning: var(--palette-warning-600);
	--color-status-warning-subtle: var(--palette-warning-50);
	--color-status-warning-text: var(--palette-warning-700);
	--color-status-warning-border: var(--palette-warning-300);
	--color-status-danger: var(--palette-danger-600);
	--color-status-danger-hover: var(--palette-danger-700);
	--color-status-danger-subtle: var(--palette-danger-50);
	/* space (Default) */
	--space-0: 0px;
	--space-2: 2px;
	--space-4: 4px;
	--space-6: 6px;
	--space-8: 8px;
	--space-12: 12px;
	--space-16: 16px;
	--space-20: 20px;
	--space-24: 24px;
	--space-32: 32px;
	--space-40: 40px;
	--space-48: 48px;
	--space-64: 64px;
	--space-80: 80px;
	/* radius (Default) */
	--radius-none: 0px;
	--radius-xs: 3px;
	--radius-sm: 6px;
	--radius-md: 9px;
	--radius-lg: 12px;
	--radius-xl: 15px;
	--radius-2xl: 24px;
	--radius-full: 9999px;
	/* size (Default) */
	--size-control-sm: 28px;
	--size-control-md: 34px;
	--size-control-lg: 44px;
	--size-icon-sm: 14px;
	--size-icon-md: 16px;
	--size-icon-lg: 20px;
	--size-touch-target: 44px;
	--size-border: 1px;
	--size-focus-ring: 2px;
	--size-list-row: 48px;
	--size-table-row: 44px;
}

[data-theme="dark"] {
	/* color */
	--palette-brand-50: #EAF2FB;
	--palette-brand-100: #D4E4F7;
	--palette-brand-200: #99C1F1;
	--palette-brand-300: #78AEED;
	--palette-brand-400: #62A0EA;
	--palette-brand-500: #3584E4;
	--palette-brand-600: #1C71D8;
	--palette-brand-700: #1A5FB4;
	--palette-brand-800: #15488A;
	--palette-brand-900: #23395B;
	--palette-danger-50: #FBE9EA;
	--palette-neutral-0: #FFFFFF;
	--palette-danger-100: #F7CFD1;
	--palette-neutral-50: #FAFAFA;
	--palette-danger-300: #F66151;
	--palette-neutral-100: #F6F5F4;
	--palette-danger-500: #ED333B;
	--palette-neutral-200: #DEDDDA;
	--palette-danger-600: #E01B24;
	--palette-neutral-300: #C0BFBC;
	--palette-danger-700: #C01C28;
	--palette-neutral-400: #9A9996;
	--palette-danger-900: #4A0F14;
	--palette-neutral-500: #77767B;
	--palette-info-50: #F4ECF6;
	--palette-neutral-600: #5E5C64;
	--palette-info-100: #E8D5EC;
	--palette-neutral-700: #3D3846;
	--palette-info-300: #DC8ADD;
	--palette-neutral-800: #303030;
	--palette-info-500: #C061CB;
	--palette-neutral-900: #242424;
	--palette-info-600: #9141AC;
	--palette-neutral-1000: #1E1E1E;
	--palette-info-700: #813D9C;
	--palette-success-50: #E6F9ED;
	--palette-info-900: #3B1A46;
	--palette-success-100: #C4F2D4;
	--palette-accent-50: #FFF1E6;
	--palette-success-300: #8FF0A4;
	--palette-accent-100: #FFDFC2;
	--palette-success-500: #33D17A;
	--palette-accent-300: #FFBE6F;
	--palette-success-600: #2EC27E;
	--palette-accent-500: #FF7800;
	--palette-success-700: #1B8553;
	--palette-accent-600: #E66100;
	--palette-success-900: #163E2B;
	--palette-accent-700: #C64600;
	--palette-warning-50: #FDF8E1;
	--palette-accent-900: #5C2100;
	--palette-warning-100: #FAF0BF;
	--color-bg-canvas: var(--palette-neutral-900);
	--palette-warning-300: #F8E45C;
	--color-bg-surface: var(--palette-neutral-800);
	--palette-warning-500: #F5C211;
	--color-bg-surface-raised: #383838;
	--palette-warning-600: #E5A50A;
	--color-bg-surface-sunken: var(--palette-neutral-1000);
	--palette-warning-700: #9C6E03;
	--color-bg-surface-hover: #3A3A3A;
	--palette-warning-900: #4D3B05;
	--color-bg-surface-selected: var(--palette-brand-900);
	--color-bg-input: #363636;
	--color-bg-disabled: #2E2E2E;
	--color-bg-brand: var(--palette-brand-500);
	--color-bg-brand-hover: var(--palette-brand-600);
	--color-bg-brand-active: var(--palette-brand-700);
	--color-bg-brand-subtle: var(--palette-brand-900);
	--color-bg-inverse: var(--palette-neutral-100);
	--color-bg-overlay: rgba(0, 0, 0, 0.6);
	--color-text-primary: var(--palette-neutral-0);
	--color-status-danger-text: var(--palette-danger-300);
	--color-text-secondary: var(--palette-neutral-200);
	--color-status-danger-border: var(--palette-danger-700);
	--color-text-muted: var(--palette-neutral-300);
	--color-status-info: var(--palette-info-500);
	--color-text-placeholder: var(--palette-neutral-400);
	--color-status-info-subtle: var(--palette-info-900);
	--color-text-disabled: var(--palette-neutral-500);
	--color-status-info-text: var(--palette-info-300);
	--color-text-on-brand: var(--palette-neutral-0);
	--color-status-info-border: var(--palette-info-700);
	--color-text-brand: var(--palette-brand-300);
	--color-chart-1: #3584E4;
	--color-text-link: var(--palette-brand-300);
	--color-chart-2: #2EC27E;
	--color-text-inverse: #323232;
	--color-chart-3: #FF7800;
	--color-text-on-status: var(--palette-neutral-0);
	--color-chart-4: #9141AC;
	--color-border-default: #454545;
	--color-chart-5: #F5C211;
	--color-border-subtle: #3A3A3A;
	--color-chart-6: #E01B24;
	--color-border-strong: var(--palette-neutral-400);
	--color-border-brand: var(--palette-brand-300);
	--color-border-focus: var(--palette-brand-300);
	--color-border-disabled: #3A3A3A;
	--color-status-success: var(--palette-success-600);
	--color-status-success-subtle: var(--palette-success-900);
	--color-status-success-text: var(--palette-success-300);
	--color-status-success-border: var(--palette-success-700);
	--color-status-warning: var(--palette-warning-600);
	--color-status-warning-subtle: var(--palette-warning-900);
	--color-status-warning-text: var(--palette-warning-300);
	--color-status-warning-border: var(--palette-warning-700);
	--color-status-danger: var(--palette-danger-600);
	--color-status-danger-hover: var(--palette-danger-300);
	--color-status-danger-subtle: var(--palette-danger-900);
}