:root { --rf-brand-color-primary:#007777; --rf-brand-color-on-primary:#ffffff; --rf-brand-color-primary-hover:#257d9e;    --rf-brand-color-text-heading:#21396f; --rf-brand-color-text-body:#051730;  --rf-brand-color-status-disabled:#ffffff; --rf-brand-color-status-on-disabled:#ffffff; --rf-brand-color-status-error:red;  --rf-brand-color-status-info:lightblue;  --rf-brand-color-status-success:lightgreen;  --rf-brand-color-status-warning:orange;         --rf-brand-color-widget-background:#ffffff; --rf-brand-font-size:16px; --rf-brand-elevation-focus-indicator-shadow:0 0 0 3px rgba(21, 112, 239, 0.4);    --rf-comp-button-font-letter-spacing:.75pt; --rf-comp-button-font-size:18px; --rf-comp-button-space-padding:6px 16px;                  --rf-comp-link-hover-font-decoration:underline;  --rf-comp-radio-color:#ffffff;          }

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