:root { --rf-brand-color-primary:#09275D; --rf-brand-color-on-primary:#FFFFFF; --rf-brand-color-primary-hover:#212121;    --rf-brand-color-text-heading:#09275D; --rf-brand-color-text-body:#212121; --rf-brand-color-text-highlight:#D6DEE2; --rf-brand-color-status-disabled:#E1E4E5; --rf-brand-color-status-on-disabled:#62666A; --rf-brand-color-status-error:#FF4952; --rf-brand-color-status-on-error:#FFFFFF; --rf-brand-color-status-info:#09275D; --rf-brand-color-status-on-info:#FFFFFF; --rf-brand-color-status-success:#03556A; --rf-brand-color-status-on-success:#FFFFFF; --rf-brand-color-status-warning:#B54708; --rf-brand-color-status-on-warning:#FFFFFF;    --rf-brand-color-surface-2:#F7F7FA;    --rf-brand-color-widget-background:#FFFFFF;  --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:10px 30px; --rf-comp-button-shape-border-width:1px; --rf-comp-button-font-transform:capitalize; --rf-comp-button-primary-color-background:#09275D; --rf-comp-button-primary-color-on-background:#FFFFFF; --rf-comp-button-primary-color-border:#09275D; --rf-comp-button-hover-primary-color-background:#0F2D38; --rf-comp-button-primary-hover-color-on-background:#FFFFFF; --rf-comp-button-hover-primary-color-border:#0F2D38; --rf-comp-button-secondary-color-background:transparent; --rf-comp-button-secondary-color-on-background:#09275D; --rf-comp-button-secondary-color-border:#09275D; --rf-comp-button-hover-secondary-color-background:#09275D; --rf-comp-button hover-secondary-color-on-background:#09275D;   --rf-comp-link-font-decoration:underline;              }

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