:root { --rf-brand-color-primary:#007E45; --rf-brand-color-on-primary:#FFFFFF; --rf-brand-color-primary-hover:#00B050;     --rf-brand-color-text-body:#505050;  --rf-brand-color-status-disabled:#A9A9A9; --rf-brand-color-status-on-disabled:#FFFFFF; --rf-brand-color-status-error:red;  --rf-brand-color-status-info:lightblue;  --rf-brand-color-status-success:#007E45;  --rf-brand-color-status-warning:orange;   --rf-brand-color-background:; --rf-brand-color-surface:#FFFFFF; --rf-brand-color-surface-2:; --rf-brand-color-surface-3:;    --rf-brand-font-size:14; --rf-brand-elevation-focus-indicator-shadow:0 0 0 3px rgba(21, 112, 239, 0.4);   }

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