@use 'cds-config-brands' as brand;
@use 'cds-config-typography' as typography;
@use 'cds-config-border-radius' as br;



:root {
  // Typography
  --cds-config-font-family-400: #{typography.$config-typography-400-font-family};
  --cds-config-font-family-700: #{typography.$config-typography-700-font-family};
  // Size
  --cds-config-size-factor: #{brand.$brand-size-factor};
  //--cds-config-global-border-radius: #{brand.$brand-global-border-radius};

  /// Border radius
  --cds-avatar-br: #{br.$cds-avatar-br};
  --cds-button-br: #{br.$cds-button-br};
  --cds-badge-br: #{br.$cds-badge-br};
  --cds-toggle-br: #{br.$cds-toggle-br};
  --cds-banner-br: #{br.$cds-banner-br};
  --cds-toast-br: #{br.$cds-toast-br};
  --cds-chip-br: #{br.$cds-chip-br};
  --cds-textfield-br: #{br.$cds-textfield-br};
  --cds-tag-br: #{br.$cds-tag-br};
  --cds-tooltip-br: #{br.$cds-tooltip-br};
  --cds-tooltip-tip-br: #{br.$cds-tooltip-tip-br};
  --cds-modal-br: #{br.$cds-modal-br};
  --cds-navigation-item-br: #{br.$cds-navigation-item-br};
}