:root { --rf-brand-color-primary:#0077C8; --rf-brand-color-on-primary:#FFFFFF; --rf-brand-color-primary-hover:#0077C8;    --rf-brand-color-text-heading:#0077C8; --rf-brand-color-text-body:#154474;                     --rf-brand-elevation-focus-indicator-shadow:0 0 0 3px rgba(21, 112, 239, 0.4); --rf-brand-shape-radius:10px; --rf-comp-button-shape-radius:96px;   --rf-comp-button-font-size:16px; --rf-comp-button-space-padding:6px 16px; --rf-comp-button-shape-border-width:1px; --rf-comp-button-font-transform:capitalize; --rf-comp-button-primary-color-background:#21AAE2;      --rf-comp-button-secondary-color-background:transparent;      --rf-comp-link-color:#0376bd;   --rf-comp-link-hover-font-decoration:underline;            }

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