:root { --rf-brand-color-primary:#5c00dc; --rf-brand-color-on-primary:#ffffff; --rf-brand-color-primary-hover:#e523fe;     --rf-brand-color-text-body:var(--rf-system-color-neutral-30);    --rf-brand-color-status-error:var(--rf-system-color-red);  --rf-brand-color-status-info:var(--rf-system-color-blue);  --rf-brand-color-status-success:#8d1fa6;  --rf-brand-color-status-warning:var(--rf-system-color-orange);   --rf-brand-color-background:#ffffff; --rf-brand-color-surface:var(--rf-brand-color-background); --rf-brand-color-surface-2:var(--rf-system-color-neutral-90); --rf-brand-color-surface-3:var(--rf-system-color-neutral-80);    --rf-brand-font-size:16; --rf-brand-elevation-focus-indicator-shadow:0 0 0 3px rgba(21, 112, 239, 0.4);   }