:root { --rf-brand-color-primary:#131313; --rf-brand-color-on-primary:#ffffff; --rf-brand-color-primary-hover:#13131380; --rf-brand-color-primary-muted:#13131320; --rf-brand-color-on-primary-muted:#13131320; --rf-brand-color-primary-muted-hover:#13131320; --rf-brand-color-text-heading:#131313; --rf-brand-color-text-body:#131313; --rf-brand-color-text-highlight:#ff01e6; --rf-brand-color-status-disabled:rgba(255, 255, 255, 0.6); --rf-brand-color-status-on-disabled:#131313; --rf-brand-color-status-error:#ff3737; --rf-brand-color-status-on-error:#ffffff; --rf-brand-color-status-info:#ffffff; --rf-brand-color-status-on-info:#131313; --rf-brand-color-status-success:#24cb71; --rf-brand-color-status-on-success:#131313; --rf-brand-color-status-warning:#ff3737; --rf-brand-color-status-on-warning:#ffffff; --rf-brand-color-border:#131313; --rf-brand-color-background:#ffffff; --rf-brand-color-surface:#ffffff; --rf-brand-color-surface-2:#13131320; --rf-brand-color-surface-3:#13131320; --rf-brand-color-inverse-surface:#13131320; --rf-brand-color-inverse-on-surface:#ffffff; --rf-brand-color-widget-background:#6B6B6B80; --rf-brand-font-size:16; --rf-brand-elevation-focus-indicator-shadow:0 0 0 2px #24cb71; --rf-brand-shape-radius:0px; --rf-comp-button-shape-radius:0px; }

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