:root .cludo-theme-basic{--spacer-1: 4px;--spacer-2: 8px;--spacer-3: 12px;--spacer-4: 20px;--spacer-5: 30px;--spacer-6: 50px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--border-radius-button: 4px;--border-radius-card: 12px;--font-color-black: #101828;--font-color-white: #ffffff;--font-color-gray: #344054;--font-color-highlight: #9e77ed;--font-family-default: system-ui, sans-serif;--font-family-header: system-ui, sans-serif;--bg-color-white: #fff;--bg-color-gray-light: #f1f4f9;--bg-color-gray-medium: #d1d7e2;--bg-color-gray-dark: #a3b0c6;--bg-color-accent-primary-light: #d0c3f1;--bg-color-accent-primary-medium: #9e77ed;--bg-color-accent-primary-dark: #6941c6;--bg-color-accent-secondary-light: #e4809c;--bg-color-accent-secondary-medium: #d72f5c;--bg-color-accent-secondary-dark: #72112b;--box-shadow-card: 0 0 20px 4px rgba(0, 0, 0, .1)}