:root { --rf-brand-color-primary:#592863; --rf-brand-color-on-primary:#ffffff; --rf-brand-color-primary-hover:#ac48c2;                          --rf-brand-elevation-focus-indicator-shadow:0 0 0 3px rgba(21, 112, 239, 0.4);      --rf-comp-button-space-padding:6px 16px;   --rf-comp-button-primary-color-background:#592863;  --rf-comp-button-primary-color-border:#592863; --rf-comp-button-hover-primary-color-background:#ac48c2;  --rf-comp-button-hover-primary-color-border:#ac48c2; --rf-comp-button-secondary-color-background:#ac48c2;  --rf-comp-button-secondary-color-border:#ac48c2; --rf-comp-button-hover-secondary-color-background:#592863;  --rf-comp-button-hover-secondary-color-border:#592863; --rf-comp-link-color:#ac48c2;  --rf-comp-link-hover-color:#592863; --rf-comp-link-hover-font-decoration:underline;            }

@property --rf-brand-font-size {
  syntax: '<length>';
  inherits: true;
  initial-value: 16px;
}